JS–我发觉,原来你是这么的JS(三)(基础概念–灵魂篇)

一、介绍

  • 这是红宝书(JavaScript高级程序设计
    3版)的读书笔记第三篇(灵魂篇介绍),有着剩下的老三章的学问内容。
  • 红宝书这仍开可以说凡是难啃的,要扣押罢不爱,挺注重的,要扣押明白更非容易,要烂熟js更是麻烦,中间用持续的积淀与反复。
  • 本书不是读一两所有就是能将当时书吃透,需要多读,可谓温故而知新,可以吧师矣。

洋洋人拘禁这些厚的修都是三天打鱼两天晒网,很少克看下,能记住的物往往前3节的情,所以我勾勒博客就是以能够与豪门齐声来读就仍开,一起学JS。

亚、基本概念(灵魂篇)

落得同样首是躯壳篇讲话的凡片了解性的物,而连下就是说内涵(数据类型和操作符),换作中文来拘禁便不啻给你理解词和含义,语句的含义,就比如以这些字与说话注入灵魂。
同系列:
率先篇:JavaScript–我发现,原来你是这么的JS(初识)
第二首:JavaScript–我意识,原来你是这样的JS(基础概念–躯壳首)

其三、数据类型

js的数据结构有6种植,5种为主型以及同一种植复杂类型。js中无支持其他自定义之数据类型,所以说就是立马6种植就是够用了。

5栽基本数据列:

  • Undefined
  • Null
  • Boolean
  • Number
  • String

1栽复杂类型:

  • Object类型

1.1 typeof操作符

拖欠操作符可以检测某变量是啊数据类型。

typeof返回的价:

  • “undefined” — 表示这价没有让定义
  • “string” — 表示这是一个字符串
  • “number” –表示马上是一个数字型
  • “boolean” –表示是一个布尔型
  • “object” –代表即是一个靶
  • “function ” –代表即是一个函数

专程:对于null,typeof null
会返回”object”,因为null表示的凡一个空对象的援

typeof使用例子:

var str = "hello";
var a;
console.log(typeof str)  //"string"
console.log(typeof 666)  //"number"
console.log(typeof a)  // "undefined"
console.log(typeof null)  // "object"

1.2 Undefined类型

undefined
类型的价值才发生一个,undefined。当使用var对变量声明但没有展开初始化的时默认的值就是undefined。

var value ;
console.log(typeof value);   // "undefined" 

//特别:对于没有声明的变量typeof 返回的值也是undefined,例如:
//下面的a没被声明
console.log(typeof a);    //"undefined"

1.3 Null类型

Null类型也是只用一个值null,null是一个缺损对象指针。所以使用typeof检测时会回来object。

console.log(typeof null);   //"object"

注意点:

1.null的使:在概念的变量将会见用来保存一个靶时,那起来化为null,这样我们便知晓该变量将来会面引用一个对象。

2.事实上undefined值是派生值null的,因此对她们开展相等性测试会回到true:

console.log(null == undefined);  //true

1.4 Boolean类型

boolean类型有半点独值
true和false,其他类的值都来同当时简单个价相当价格的价,就是说其他品种的价值都能够改变成这片价值备受之内一个。通过转型函数Boolean()

注意点:

别项目的数目还足以调用Boolean()方法,都能回到一个true或false,至于返回什么,有肯定之规则,规则如下:

//对于Undefined
console.log(Boolean(undefined));  //false
//对于String,非空字符串返回true,空字符串返回false
console.log(Boolean(""));   //false
console.log(Boolean("hahaha"));   //true
//对于Numble类型,任何非0数字返回true,0和NaN返回false
console.log(Boolean(123));  //true
console.log(Boolean(0));  //false
//对于Object,任何对象都返回true
console.log(new Array());  //true

1.5 Number类型

Number 类型就是数字的类,各种数字还是拖欠型,包含整数,浮点数。

常见的数字:

//整数
var intNum = 10;
//八进制0开头
var num1 = 066;
//十六进制0x开头
var num2 = 0xA;
//浮点数
var floatNum = 0.6;
//极大的数4123000,使用科学表示法e,e6表示10的6次方
var floatNum2 = 4.123e6;
//最大值
Number.MAX_VALUE;   //1.7976931348623157e+308
//最小值 
Number.MIN_VALUE;   //5e-324
//超出最大值时,表示为正无穷
Infinity
//超出最小值时,表示为负无穷
-Infinity
//NaN (Not a Number) 非数值
NaN
//判断非数值的函数isNaN()
console.log(isNaN(10))  //false
console.log(isNaN("10")) //false,isNaN()会尝试将字符串转为数字,此处"10"能转为10
console.log(isNaN("bey"));  //true , "bey"不能被转成数字

1.6 String类型

String用于表示由于零还是多独16个Unicode字符组成的字符序列,即字符串。

字符串由单引号(’ ‘)或对引号(”
“)包含。但首尾不克是不同之引号,比如同但一复。

错点:

//这样会报错
var str = 'javasritp";

特点:

1.并接字符串使用’+’号

var str1 = "hello";
var str2 = str1 + "world";
console.log(str2); // "hello world"

2.另项目的多寡易为字符串使用toString()函数

var num = 123;
var str = num.toString();  //数字123通过toString转为了字符串
console.log(str);  //"123"
//使用""拼接其他数据类型可以转换成String
var s = 23+"";  //"23"

1.7 Object类型

ECMAScript中的靶子实际就算是平等组数据和效用的集纳。通过new操作符后和要创的对象类型的名号来创造。

//创建一个Object对象
var  o = new Object();

关键:

此的Object相当给祖宗一样,创建Object的实例并无啊用处。他如是java中java.lang.Object
对象同。

特点:

每个Object类型的实例共有的性和方法:

  • constructor: 保存着用于创造当前目标的函数。
  • hasOwnProperty:用于检测给定的属性在目前目标的实例中是不是是。
  • isPrototypeOf : 用于检查传入的靶子是否是目前目标的原型
  • propertyIsEnumerble : 用于检查为定属性能否以for-in来枚举
  • toLocaleString() : 返回对象的字符串表示。
  • toString() : 返回对象的字符串表示。
  • valueOf() : 返回对象的字符串,数值,或布尔表示。通常与toString()
    返回的值相同。

四、操作符(运算符)

连片下去是操作数据值的操作符。包含算术操作符,位操作符,关系操作符,相等操作符。

1一致头操作符

不得不操作一个价值的操作符称为同一冠操作符。

1.1递增与递减:

形式: 这就是是自增自减,使用简单只加号(++)或少于个减号(–)

var num = 5;
num++;   //相当于num = num+1; 此时num = 6;
num--;   //相当于num = num-1; 此时num = 5;

注意点:递增减的前置型(加减号在数值前面)和后置型(加减号在数值后面);
1.没有区别的事态:当只有来唯一一长长的递增或递减操作时,前后不影响结果

var num1 = 5;
var num2 = 5;
num1++;   //执行后num1的值会变成6
++num2;   //执行num2的值会变成6

2.发生区别情况:当操作数在平等长长的告词被展开不仅仅是与日俱增或递减操作时

var val1= 5;
var val2 = 5;
var val3 = 20;
var sum1 = val1-- + val3;   //sum1等于25
var sum2 = --val2 + val3;   //sum2等于24
//此处的val1 和 val2 的值相同但最后结果不同.
//val1是后置,通俗点讲就是放到最后才进行自减操作.所以顺序是原来的val1值(5)和val3相加后赋值给sum1,最后val1才自减。
//val2是前置,通俗点讲前置最大,先进行了自减操作。所以顺序是val1自减,后和val3相加最后赋值给sum2

1.2同一冠加号和减号

形式:于一个数值前应用一个加号或减号。

var num = 100;
//用+正数还是正数,负数还是负数
+num;  //100
//用减号就变成相反数
-num;  //-100

注意点:当操作的匪是数字时,使用+,-可以要该推行转换,类似于Number()
函数。

//对于+号
var str = "10";
str = +str;  //值会变成数字10
var str2 = "hello";
str2 = +str2 //值为NaN,因为不能转为数字
var boo = false;
boo = +false;  //值变为0

//对于-号,也差不多,只是变成相反数
var s = "100";
s = -s; //值为-100

2.加性/乘性运算符(加,减,乘,除,取模)

1.加号(+):进行加法运算
2.减号(-):进行减法运算
3.乘号(*):进行乘法运算
4.除号(/):进行除法运算
5.求模(%):求余数

30+20;  //50
30-10;  //20
30*20;  //600
30/10;  //3
25/6 ;  //1`

3.布尔操作符

布尔操作符有三独:非,与,或

3.1逻辑非

1.符号:!
2.成效:非操作会返回一个布尔值,功能对布尔值取非,即相反。它见面指向价转成为布尔值。

console.log(!false);  //true
console.log(!0);  //0的布尔转换是false,进行非操作后就是true
console.log(!"hh")  //非空字符串布尔是true,进行非操作后就是false

//小技巧,使用两!!可以类似于Boolean函数,对任何数值进行布尔转换
console.log(!!"hello");  //true
console.log(!!0);  //false

3.2逻辑与

1.符号:&&
2.力量:进行和操作需要简单个价值,当半只值布尔值都为true时才会返回true,否则回false,并且其是一个堵塞操作符(当第一只价值吗false时,就无须再行判断第二只价值)

console.log(false&&true); //false
console.log(false&&false); //false
console.log(true&&false); //false
console.log(true&&true); //true

3.注意点: &&(与)操作不自然回回布尔值一下凡是与众不同情形:

  • 假设第一独操作数是一个靶的时节,返回第二独操作数
  • 比方第一单操作数是null,返回null
  • 如第一单操作数是NaN,返回NaN
  • 苟第一单操作数是undefined,返回undefined。

    //数组对象
    var arr = new Array();
    //字符串
    var str = 'hello';
    console.log(arr&&str) //'hello'
    console.log(null&&str) // null
    console.log(NaN&&str)  //NaN
    console.log(undefined&&str) //undefined
    

3.3逻辑或

1.符号:||
2.作用:进行与操作需要少只价,当在发生一个价的布尔值为true则归true,否则false,或操作也是死操作符,放当第一只操作值为true时,直接回到true,不用检查第二只操作值。
3.注意点:而来一个操作数不是布尔值,
||(或)操作不自然回回布尔值一下凡是殊情况:

  • 如若第一独凡是目标,则回第一单操作数
  • 假设第一个数是false,则归第二只数
  • 倘少单数还是目标,返回第一个操作数
  • 要少只操作数是NaN,返回NaN
  • 倘少操作数是undefined, 返回undefined。

    var arr = new Array();
    console.log(arr||”str”); //返回arr空数组[]
    console.log(NaN||NaN) ; //NaN
    console.log(false || “str”) //”str”

4 关系操作符

1.提到操作符有,大于(>),小于(<),小于等于(<=),大于等于(>=)
2.注意点:

//1.对于数值转换,直接进行比较,返回true或false
34>23;  //true
//2.对于两个字符串比较,是通过从前往后逐个比较其字符编码值(ascll码)大小
"Biasd"<"adsf";  //true, 因为B字符编码为66小于a字符编码97
//3.对于字符串和数字比较,会将字符串转为数字
"23"<3;  //false , "23"会转成23,然后和3比较
"a"<3 //false  , "a"转为NaN,NaN和任何操作数比较都为false

5.抵操作符

齐操作符有等(==)和非抵(!=),全等(===)和免都当(!==)

相当于和未等于是事先易后比较,而全等和非净齐是单独比较不移

5.1相当于和不等于转换重点:

//1.如果有一个操作值为布尔值,则将该布尔值转为数值,true转为1,false转为0
true == 1 ;  //true
//2.null 和 undefined相等
null == undefined ; //true
//3.有一个操作数为NaN时,一定返回false
NaN == 1;  //false
//4.两个NaN比较也返回false
NaN == NaN ;  //false
//5.两个值是对象时,若不是指向同一对象就返回false

5.2净当以及莫备齐要:

可见见全等是3个当号,所以较严厉,不见面如相等一样进行更换。通俗的游说:你切莫是不怕不是。

//相等和全等的比较
"55" == 55 ;  //true,相等情况下,"55"可以转换
"55" === 55 ;  //false,全等情况,"55"不转换为数字,所以数据类型不同,直接返回false

//关于null 和 undefined,上面相等比较时时两个值相等,但全等比较就不等
null === undefined ;  //false

6.尺度操作符(三元操作符)

1.模板:表达式1?表达式2:表达式3。
2.动验证:当表达式1吗true时,返回冒号前的表达式2的结果,false就赶回冒号后发表式3

//例子:
var num = 3>2?1:0;   //num的值为1

7.赋值操作符

1.简单的赋值操作由(=)号表示

var val = 10;  //对val赋值为10

2.复合赋值操作

var num = 10;
num = num+10;
//上面那句可以用下面一句替代
num += 10;

8.逗号操作符

1.用到逗号操作符可以于同漫长告句执行多修操作;
2.运用逗号操作符进行赋值,赋值时总会回来表达式最后一件

//同时对三个变量声明并赋值
var num=1, num2 = 2 , num3 = 3;
//赋值时总会返回表达式最后一项
var n = (32,12,5,1,2);   //最后n被赋值为2

五、最后几乎句子

这次的博客篇幅比较多介绍数据类型和操作符,可以多扣几乎浅,也堪专看注意点,重点等,已经特别号。看罢这里基本概念都收尾了。接下来还会连续创新笔记,敬请关注。写一首博客不容易,花费很多念,如果看写得好,关注一下,给个赞吧,让我起动力继续写博,哈哈。

本文来源博客园:http://www.cnblogs.com/Ry-yuan/
作者:Ry(渊源远愿)
迎访问我之村办首页:本人之首页
接访问我的github:https://github.com/Ry-yuan/demoFiles
迎转载,转载请标明出处,保留该字段。