JS笔记之第一天

JavaScript:简称JS

JS的原名不是JavaScript,而是LiveScript

JS分为三个部分

1.ECMAScript  标准→JS的基本的语法

2.DOM——Document Object Model  文档对象模型

3.DOM——Browser Object Model  浏览器对象模型

 

JavaScript是什么?

是一门脚本语言:不需要编译(翻译),直接运行

是一门解释性的语言:遇到一行代码就解释(执行)一行代码

是一门动态类型的语言

是一门基于对象的语言

是一门弱类型的语言,声明变量的时候都是使用var

(编译语言:需要把代码翻译成计算机所认知的二进制语言才能够执行

脚本语言:不需要编译,直接执行)

 

变量

操作的数据都是在内存中操作的

JS中存储数据使用变量的方式(名字,值→数据)

JS中声明变量都用var→存储数据,数据应该有对应的数据类型

JS中的字符串类型的值都用双引号或者单引号

 

变量的作用:用来操作数据的,可以存储,可以读取

变量的声明:var  变量名字

变量的初始化:var  变量名字=值;又叫字面量的方式赋值

 

变量声明(有var   有变量名字,没有值)

变量初始化(有var  有变量名字,有值)

 

var 是变量的名字

“=”等号的意义是赋值的含义

 

var  number;//变量的声明,此时是没有赋值的(里面是没有数据的,因为没有写“=”号)

var  x,y,z,k,j;(都是声明,没有赋值);//一次性声明多个变量

 

变量的初始化(变量声明的同时并且赋值了)

存储一个数字10     //var  number=10

存储一个人的名字   //var  name=“小孩”

存储真(true)     //var  flag=true

存储一个null→相当于是空   //var  nll=null

存储一个对象       //var  obj=new object()

 

需要注意基本代码的规范:

1.JS中声明变量都是用var

2.JS中每一行代码结束都应该有分号(写一行代码结束要有写分号的习惯,这是一种规范,规定。如果不写,后期代码越来越多就越容易出错。);

3.JS中的大小写是区分的;例:var  N=10;var n=10,这个N和n是不一样的,它们没有关系。

4.JS中的字符串可以使用单引号,也可以使用双引号,目前我们暂时使用双引号。

 

 

变量名的注意问题——变量名的命名规范,要遵循驼峰命名法

1.变量的名字要有意义,(方便其他人能看懂)(代码越规范别人读取越清晰)

2.变量名有一定的规范:一般以字母,$符号,下划线开头,中间或者后面可以有$符号,字母,数字

3.变量名一般都是小写的

4.变量名如果是多个单词,第一个单词的首字母是小写,后面的所有的单词的首字母都是大写的,这种命名的方式称为:驼峰命名法。

5.不能使用关键字(比如系统自带的一些单词,不能使用)

6.不会单词用拼音,拼音也要遵循驼峰命名法

 

变量的交换:

  1. 第一种方式:使用第三方的变量进行交换。
  2. 第二种方式:数字之间的加减运算(一般适用于数字的交换)
  3. 拓展的变量的交换:位运算

 

例子:

第一种方式: 使用第三方的变量进行交换

var  num1=10;

var  num2=20;

var  temp=num1;

num1=num2;

num2=temp;

 

第二种方式交换:一般适用于数字的交换

var num1=10;

var num2=20;

//把num1的变量中的值和num2变量中的值,取出来相加,重新赋值给num1这个变量。

num1=num1+num2;//30

//num1变量的值和num2变量的值取出来,相减的结果重新赋值给num2.

num2=num1-num2;//10

//num1变量的值和num2变量的值取出来,相减的结果重新赋值给num1(num2已经重新赋值了,num2=10,代入进去就得到num1=30-10=20)

num1=num1-num2;//20

console.log(num1,num2);【把num1和num2放在一起,这样可以一起输出】

 

拓展的变量的交换:位运算

var num1=10;

var num2=20;

num1=num1^num2

num2=num1^num2

num1=num1^num2

 

 

注释:是解释代码的含义,方便自己或者给其他的程序员看的

注释的方式:

1.单行注释  //         一般用在一行代码的上面

2.多行注释  /*中间这里写注释的内容*/        一般用在函数或者是一段代码的上面

注释后的代码是不执行的

 

 

JS中的数据类型有哪些?

JS中的原始数据类型:number、string、boolean、null、undefined、object

 

number:数字类型(包含整数和小数)

string:字符串类型(字符串类型的值一般都是用单引号或者双引号括起来)

boolean:布尔类型(布尔类型的值只有两个,true(真1),false(假0))

null:空类型,值只有一个:null。当一个对象指向为空了,此时可以赋值为null

undefined:未定义,值只有一个:undefined

object:对象

 

什么情况下的结果是undefined?

变量声明了,没有赋值,结果是undefined。

函数没有明确的返回值,如果接收了,结果也是undefined。

如果一个变量的结果是undefined和一个数字进行计算,结果是:NaN(not an number)不是一个数字也没有意义。

 

 

如何获取这个变量的数据类型是什么?使用typeof来获取。

typeof的使用的语法:

都可以获取这个变量的数据库类型是什么!

typeof加变量名;

typeof(变量名);

console.log(typeof(变量名));

 

JS中可以表示哪些进制?

JS中没有二进制

 

十进制:数字序列范围0、1

八进制:数字序列范围0~7

十六进制:数字序列范围:0~9以及A~F

 

var num=10;//十进制

var num2=012;//八进制

var num3=0x123;//十六进制

 

数字类型是有范围的:最小值和最大值

console.log(Number.MAX_VALUE);数字的最大值

console.log(Number.MIN_VALUE);数字的最小值

 

无穷大:Infinity

无穷小:-Infinity

 

总结:

1.数字类型:number类型

2.无论是整数还是小数都是数字类型

3.不要用小数验证小数, 否则有时将会出现bug

4.不要使用NaN判断是不是NaN,应该使用isNaN(值或者是变量);

5.想要表示十进制:就是正常的数字

6.想要表示八进制:以0开头

7.想要表示十六进制:以0x开头

 

 

string数字类型

字符串可以使用单引号,也可以使用双引号;

(字符串的个数有多少个?(这个字符串的长度是多少?))

字符串的长度如何获取?变量名.length

 

JS中的字符串里也有转义符

\b   退格

\f   走纸换页

\n   换行

\r   回车

\t   横向跳格(Ctrl—I)(tab键)

\’  单引号

\"   双引号

\\   反斜杠

 

字符串的拼接:使用“+”可以把多个字符串放在一起形成一个字符串;

只要有一个是字符串,其它的是数字,那么结果也是拼接,不是相加;

如果有一个是字符串,另一个不是字符串,使用-、*号,此时会发生计算

 

浏览器帮助我们自动的把字符串类型转成数字类型,这种方式叫:隐式转换(自动转换)

 

boolean布尔类型

布尔类型的值有两个,一个是ture(真),一个是false(假);

计算机内部存储:true为1,false为0;

 

Undefined和Null

undefined表示一个声明了没有赋值的变量,变量只声明的时候值默认是undefined

null表示一个空,变量的值如果想为null,必须手动设置

 

类型转换

1.  其它类型转数字类型:三种方式

2.  其它类型转字符串类型

3.  其它类型转布尔类型

 

 

其它类型转数字类型:三种方式

1.parseInt();//转整数

console.log(parsrInt(“10”));//10

console.log(parsrInt(“10jjsssxxx”));//默认转换成10,后面的字母自动忽略;

console.log(parsrInt(“g10”));//NaN(不是一个数字)

console.log(parsrInt(“1”));//1

console.log(parsrInt(“10.924”));//10默认转换成整数

console.log(parsrInt(“10.23hhj”));//10默认转换成整数

 

2.parseFloat()//转小数 。结果与转整数差不多,只不过转的是小数

 

3.Number();//转数字。

 

小数和整数都是数字,所以都可以转,如果添加了不是数字的字符,那就会出现NaN;

总结:想要转整数用parseInt();想要转小数用parseFloat();想要转整数用Number()(Number()这种方式要比上面的两种方式严格)

(浏览器显示黑色的,说明是字符串类型)

 

其它类型转字符串类型:

1.  .toString()

var  num=10;

console.log(num

.toString());//字符串类型

 

2. String();

var numl1=20;

conso.log(Strong(numl1));

 

如果变量有意义,调用 .toString()转换

如果不量没有意义,使用String()转换

 

其它类型转布尔类型:

Boolran(值)

 

console.log(Boolean(1));//ture

console.log(Boolean(0));//false

console.log(Boolean(11));//ture

console.log(Boolean(-10));//ture、

console.log(Boolean(“哈哈”));//ture

console.log(Boolean(“”));//flase

console.log(Boolean(null));//false

console.log(Boolean(undefined));//false

 

 

运算符(又叫操作符)

操作符:是一些符号→是用来计算

 

运算符分为:

       算数运算符

       一元运算符

       二元运算符

       三元运算符

       复合运算符

       关系运算符

       逻辑运算符

 

算数运算符:  +  -  *  /  %(取余,取余数)

算数运算符的作用是用来计算的

算数运算表达式:由算数运算符连接起来的表达式

操作符两边的操作数可以是:数字、变量或者表达式。

 

一元运算符:这个操作符只需要一个操作数就可以运算的符号   ++  --

 

二元运算符:这个操作符需要两个操作数就可以运算的符号

 

复合运算符:+=  -=  *=  /=  %=

复合运算表达式:由复合运算符连接起来的表达式

var num=10;

num+=10;→就是:num=num+10

 

关系运算符:>  <  >=  <=  ==  ===  !=  !==

关系运算表达式:由关系运算符连接起来的表达式

关系运算表达式的结果是布尔类型。

==不严格的相等   ===严格的相等

==只需判断值一不一样就可以了不需要判断类型,

===既需要判断值一不一样,又需要判断类型一不一样

!=不严格的不等

!==严格的不等

 

逻辑运算符:&&  //   !

逻辑运算表达式:由逻辑运算符连接起来的表达式

&&---逻辑与(与---并且)

//---逻辑或(或---或者)

!---逻辑非(非---取反--取非)(取反,取相反的结果)

 

表达式1 && 表达式2

如果有一个为false,整个的结果就是false

表达式1 // 表达式2

如果有一个为true,整个的结果为true

!表达式1

表达式1的结果是true,整个结果为false

表达式1的结果是false,整个结果为true

 

运算符的优先级

优先级从高到底

1. ()  优先级最高

2. 一元运算符  ++   --   !

3. 算数运算符  先*  /  %   后 +   -

4. 关系运算符  >   >=   <   <=

5. 相等运算符   ==   !=    ===    !==

6. 逻辑运算符 先&&   后||

7. 赋值运算符  =

 

字面量:把一个值赋值给一个变量   var  num=10;

你可能感兴趣的:(JS笔记之第一天)