JS自学笔记01

时间:2021-07-30 22:48:35

JS自学笔记01

1、开发工具

webstorm

2、js(javascript)

是一门脚本、解释性、动态类型、基于对象的语言

含三个部分:

ECMAScript标准–java基本语法

DOM(Document Object Model)文档对象模型

BOM(Browser Object Model)浏览器对象模型

JS自学笔记01

3、js代码的位置:

执行:单击右上角浏览器图标。Alt+f2快捷键。

–在html文件中的script的标签中书写js代码

–js代码可以在html的标签中内嵌

–在js文件中可以写js代码,但是html文件需要将其引入

在一对script标签中有错误的代码,那么该错误的代码后面的js代码不会执行。但之后的script标签内的正确代码仍能正确执行。 script标签在页面中可出现多对,常放在body标签最后,有时候放在head标签内。若script标签是引入外部js文件的作用,那么这对标签中不要写任何的js代码,如果要写,就重新写一对script标签再写代码。

具体的书写方法:

<script type="text/javascript"或language="JavaScript">

3、变量

1)js中存储数据都使用变量的方式(名字,值–>数据)

2)js中声明变量都用var,字符串类型的值要用引号括起。 js区分大小写。

一般以字母,$,_开头,中间可以有字母,$,数字。一般小写。变量名如果含多个单词,第一个单词的首字母小写,后面的首字母大写
var num=10;
var str='你好';
var flag=true;
var nll=null;
var obj=new Object(); var num1;
car num2;
num1=10;
num2=20; //输出
alert(num);
console.log(num); //在控制台输出num的值,参数可以是多个,控制台在浏览器的开发者工具选项中deconsole中。webstorm将生成一个服务器

JS自学笔记01

JS自学笔记01

格式化:ctrl+alt+l

如果代码错误将失效

变量名不能重名

4、注释:

单行注释://

多行注释:/**/,不能嵌套。

不需要的代码可以先注释掉

5、获取变量的数据类型

1)原始数据类型:number,string,boolean,null(object),undefined,object

2)数字类型:整数,小数

3)字符串类型:引号括起

4)布尔类型

5)undefined:未定义,值只有一个undefined。函数没有明确返回值。变量声明了却未赋值,结果也是undefined,undefined与数字相加,得到是NaN

6)获取变量类型

var nll=null;
var num=10;
var obj=new Object();
//使用typeof来获取
/*
typeof 变量名
typeof (变量名)
*/
console.log(typeof num);//number
console.log(typeof nul);//object

6、number类型

1)数据类型的范围

comsole.log(Number.Max_value)
comsole.log(Number.Min_value) var x=0.3;
var y=0.4;
console.log(x+y);//结果将有很多小数位,不要用小数验证小数,也不要用NaN验证是不是NaN,若要验证是不是NaN
console.log(isNaN(num))

JS自学笔记01

7、String类型

1)字符串的个数(长度)

console.log(变量名.length);

2)转义符:见书本

3)字符串的拼接

+号

console.log(str1+str2);

如果有一个是字符串,其他的是数字,如果结果拼接,不是进行相加运算

如果有一个字符串,而另一个不是字符串,使用减号,将发生计算,发生了隐式类型转换

JS自学笔记01

8、类型转换

1)其他类型转为整数

parseInt(其他类型的数据);

console.log(parseInt(“10”));

其余同理:parseFloat

JS自学笔记01

结果:JS自学笔记01

Number(数据)转数字,要求较为严格。

2)其他类型转字符串

变量名 .toString()

或String(变量或变量名)

如果变量名无意义(unded]fined,null )则调用前者,无意义则使用后者进行转化

3)其他类型转boolean

Boolean(值);

5、操作符

JS自学笔记01

JS自学笔记01

字面量:把一个值直接赋值给一个变量,而不是把变量赋给变量