2966 字
15 分钟
Loading
JavaScript Day1

JavaScript书写位置:

内部JavaScript 写在html文件里,用script标签包住

规范:写在body标签的内部

Alert:弹出页面警示框,语法规范:

Alert(‘xxx’) 输出xxx

注意事项:html解析代码是由上到下,所以最后加载JavaScript代码通常是最好的选择,因此,js代码应该写在html页面的最底部。

外部js:

代码存放在.js结尾的文件里。

语法:通过script标签,引入到html页面中。

实例:

(中间不可以写内容,写了也会被忽略)

这样就可以引入js文件

内联(少用)

1.2

Js注释:

单行注释: //xxxxx (和c语言一样) 快捷键:ctrl+/

多行注释: /* */ (和c语言一样) 快捷键:shift+alt+a

Js的结束符是分号;

但实际情况中,可写可不写,浏览器会自动推断语句结束的位置

现在开发时越来越多的人主张写JavaScript代码的时候省略结束符

约定:为了风格统一,要么都写,要么都不写

1.5

JavaScript输入输出语法:

输出语法1:document.write(‘要输出的内容’)[像行内元素一样跟在页面的后面]

在括号内也可以加入html标签,比如:

Document.wirte(‘

一级标题

’)

这样就会输出块元素的 一级标题

输出语法2:alert(‘内容’) 会以弹框的形式弹出来内容。

输出语法3:console.log(‘控制台打印’) 控制台输出语法,程序员调试使用。

输入语法1:prompt(‘输入的内容‘) 页面会显示一个对话框,包含一个文字提示信息来提示用户输入文字

比如:

prompt(‘请输入你的你年龄’)

Js代码执行顺序:

一般情况是由上到下(文档流)来执行的,特殊情况,例如alert等需要需要一开始就要在页面展示的则会首先执行。

字面量:

在计算机科学中,字面量是在计算机中描述事

比如:

我的工资是3000,那么3000就是数字字面量

‘我是一个中国人’就是字符串字面量

还有[]数组字面量,{}对象字面量 等等

变量:

变量可以理解为一个储存数据的容器,变量不是数据本身。

声明变量: let 变量名(let就是关键字,所谓关键字是系统提供的专门用来声明定义变量的词语

Let age (声明了一个年龄变量,age即为这个变量的名字)

有了变量之后就可以进行赋值:

Age = 1

像c语言printf一样,我们也可以打印这个变量:

Console.log(age)

页面就会打印显示一个1

也可以直接:

Let age = 1

等号的两侧需要有空格哦,比较规范

控制台输出变量的时候不需要引号

实例:

let uname = prompt(‘请输入姓名’)

prompt可以当作c语言的函数返回值赋给uname,此时uname里就是prompt获取的字符串,只需要console.log(uname)就可以输出。

变量的本质:

内存:计算机中存储数据的内容,相当于一个空间,变量的本质就是程序在内存中申请的一块小空间来存放数据。

变量命名规则:

不能使用保留的关键字

只能用下划线,字母,数字,$组成,并且数字不能作为开头

字母严格区分大小写。

变量命名规范:

小驼峰命名法

Let和var的区别

现在更常用let,var存在一些不合理的地方(可以重复声明,可以先声明再使用等)。而let则不会存在这些问题。

变量一次只能存一个值,想要从多个变量就需要数组(array),数组可以储存任意的数据类型。

Let arr = [ ]

语法: let 数组名 = [数据1,数据2…数据n]

使用数组:

数组名[索引号] 从 0 开始计数

一些名词:

元素:数组中保存的每个数据都叫做元素

下标:数组中数据的编号

长度:数组中数据的个数,通过数组的length属性获得。

获取数组的长度:

Console.log(arr,length) 这样就可以获得。

数组长度 = 索引号 + 1

常量:

常量的声明方式:

Const PI = 3.14

常量不能修改,必须初始化赋值,不需要重新赋值的数据使用const

数据类型:

Js数据类型分为两种,一种是基本数据类型(number数字,string字符,Boolean布尔,undefined未定义,null空类型)和引用数据类型(object)

Js是一门弱数据类型的语言,由赋的值决定是什么类型。

NaN是个计算结果,即该运算结果not a number

NaN在计算机中并不等价于自身,对NaN做任何操作都会返回NaN

字符串:被单引号包含的数据(双引号也可以,反引号也可以)都叫字符串类型。

字符串中就算全部是数字也算是字符串类型,需要注意。

字符串使用可以像c语言一样拼接:

Document.write(‘我今年‘+ age +’岁了’)

加号可以拼接字符串

模板字符串“(反引号)

写法:

Document.write(我今年${age}岁了)

用反引号包裹,用$和{}来涵盖

数据监测:

Console.log(typeof 变量名)

返回的就是数据类型的名字(number,string等)

数据类型的转换:

隐式转换

显式转换

隐转换:

Console.log(2+‘2’) 结果是 22(字符串形的)

数字和字符串用加号相加会加在字符串的后面、

+号的作用:把负数转化为正数,把字符串转化为数字型:

Console.log(+’12’) 打印出来是数字型的12

显式转换和c语言类似,但关键字不一样

Console.log(Nuber(prompt(‘请输入年薪’)))

数字转化:

parseInt只保留整数

parseFloat可以保留小数

JavaScript书写位置:

内部JavaScript 写在html文件里,用script标签包住

规范:写在body标签的内部

Alert:弹出页面警示框,语法规范:

Alert(‘xxx’) 输出xxx

注意事项:html解析代码是由上到下,所以最后加载JavaScript代码通常是最好的选择,因此,js代码应该写在html页面的最底部。

外部js:

代码存放在.js结尾的文件里。

语法:通过script标签,引入到html页面中。

实例:

(中间不可以写内容,写了也会被忽略)

这样就可以引入js文件

内联(少用)

1.2

Js注释:

单行注释: //xxxxx (和c语言一样) 快捷键:ctrl+/

多行注释: /* */ (和c语言一样) 快捷键:shift+alt+a

Js的结束符是分号;

但实际情况中,可写可不写,浏览器会自动推断语句结束的位置

现在开发时越来越多的人主张写JavaScript代码的时候省略结束符

约定:为了风格统一,要么都写,要么都不写

1.5

JavaScript输入输出语法:

输出语法1:document.write(‘要输出的内容’)[像行内元素一样跟在页面的后面]

在括号内也可以加入html标签,比如:

Document.wirte(‘

一级标题

’)

这样就会输出块元素的 一级标题

输出语法2:alert(‘内容’) 会以弹框的形式弹出来内容。

输出语法3:console.log(‘控制台打印’) 控制台输出语法,程序员调试使用。

输入语法1:prompt(‘输入的内容‘) 页面会显示一个对话框,包含一个文字提示信息来提示用户输入文字

比如:

prompt(‘请输入你的你年龄’)

Js代码执行顺序:

一般情况是由上到下(文档流)来执行的,特殊情况,例如alert等需要需要一开始就要在页面展示的则会首先执行。

字面量:

在计算机科学中,字面量是在计算机中描述事

比如:

我的工资是3000,那么3000就是数字字面量

‘我是一个中国人’就是字符串字面量

还有[]数组字面量,{}对象字面量 等等

变量:

变量可以理解为一个储存数据的容器,变量不是数据本身。

声明变量: let 变量名(let就是关键字,所谓关键字是系统提供的专门用来声明定义变量的词语

Let age (声明了一个年龄变量,age即为这个变量的名字)

有了变量之后就可以进行赋值:

Age = 1

像c语言printf一样,我们也可以打印这个变量:

Console.log(age)

页面就会打印显示一个1

也可以直接:

Let age = 1

等号的两侧需要有空格哦,比较规范

控制台输出变量的时候不需要引号

实例:

let uname = prompt(‘请输入姓名’)

prompt可以当作c语言的函数返回值赋给uname,此时uname里就是prompt获取的字符串,只需要console.log(uname)就可以输出。

变量的本质:

内存:计算机中存储数据的内容,相当于一个空间,变量的本质就是程序在内存中申请的一块小空间来存放数据。

变量命名规则:

不能使用保留的关键字

只能用下划线,字母,数字,$组成,并且数字不能作为开头

字母严格区分大小写。

变量命名规范:

小驼峰命名法

Let和var的区别

现在更常用let,var存在一些不合理的地方(可以重复声明,可以先声明再使用等)。而let则不会存在这些问题。

变量一次只能存一个值,想要从多个变量就需要数组(array),数组可以储存任意的数据类型。

Let arr = [ ]

语法: let 数组名 = [数据1,数据2…数据n]

使用数组:

数组名[索引号] 从 0 开始计数

一些名词:

元素:数组中保存的每个数据都叫做元素

下标:数组中数据的编号

长度:数组中数据的个数,通过数组的length属性获得。

获取数组的长度:

Console.log(arr,length) 这样就可以获得。

数组长度 = 索引号 + 1

常量:

常量的声明方式:

Const PI = 3.14

常量不能修改,必须初始化赋值,不需要重新赋值的数据使用const

数据类型:

Js数据类型分为两种,一种是基本数据类型(number数字,string字符,Boolean布尔,undefined未定义,null空类型)和引用数据类型(object)

Js是一门弱数据类型的语言,由赋的值决定是什么类型。

NaN是个计算结果,即该运算结果not a number

NaN在计算机中并不等价于自身,对NaN做任何操作都会返回NaN

字符串:被单引号包含的数据(双引号也可以,反引号也可以)都叫字符串类型。

字符串中就算全部是数字也算是字符串类型,需要注意。

字符串使用可以像c语言一样拼接:

Document.write(‘我今年‘+ age +’岁了’)

加号可以拼接字符串

模板字符串“(反引号)

写法:

Document.write(我今年${age}岁了)

用反引号包裹,用$和{}来涵盖

数据监测:

Console.log(typeof 变量名)

返回的就是数据类型的名字(number,string等)

数据类型的转换:

隐式转换

显式转换

隐转换:

Console.log(2+‘2’) 结果是 22(字符串形的)

数字和字符串用加号相加会加在字符串的后面、

+号的作用:把负数转化为正数,把字符串转化为数字型:

Console.log(+’12’) 打印出来是数字型的12

显式转换和c语言类似,但关键字不一样

Console.log(Nuber(prompt(‘请输入年薪’)))

数字转化:

parseInt只保留整数

parseFloat可以保留小数

JavaScript Day1
https://vilstia.pages.dev/posts/学习笔记/javascript/javascript-day1/
作者
琴泠
发布于
2024-01-22
许可协议
CC BY-NC-SA 4.0