码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript语言核心

时间:2015-04-13 22:35:10      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

ECMAScript:是一套标准、核心,定义规范、语法、数据类型、基本对象、关键字 …

HTML标签类型:block、inline、inline-block、table...... 类型可以让我们分辨不同类型的标签知道给它定义什么样式。比如block类型可以设置宽高。

 

JavaScript中的数据类型:

/*

根据typeof 来划分数据类型:

number(NaN)、string、function、boolean、object(obj、文档中的元素、[]、{}、null)、undefined(1真的没定义2虽然定义没有给值)

标准提倡数据类型分两种:

基本类型:number、string、function、boolean、null、undefined

对象类型:object

*/

 1 var i = 100;
 2 alert(typeof i); //number
 3 
 4 var s = ‘abc‘;
 5 alert(typeof s); //string
 6 
 7 var b = true;
 8 alert(typeof b); //boolean
 9 // if( 12<90 ) if会自动把小括号里的值转成布尔类型 布尔值只有ture、false
10 
11 function fn1(){alert(1);}
12 alert(typeof fn1); //function
13 
14 var obj = window;
15 var obj = document;
16 alert( typeof obj ); // object
17 
18 var arr = [1,2,3,4];
19 alert(typeof arr);   //object
20 
21 var json = {
22     ‘name‘:‘xiaowang‘,
23     ‘age‘:5
24 };
25 alert(typeof json);  //object
26 
27 var n = null;
28 alert(typeof n);  //object
29 
30 var u;
31 alert(typeof u);   //undefined

除了空对象以外的对象类型,都可以添加自定义属性。

 

数据类型转换:

HTML标签类型也可以转换,比如inline转换成block。

var a = ‘100‘;

alert(a+100);  //100100 字符串连接

字符串转换成数字类型:

强制类型转换/显示类型转换 Number(); parseInt(); parseFloat();

1)方法:

Number()

var a = ‘100‘; //  ‘000100‘ , ‘+100‘

alert(Number(a)); //100

var a =‘‘;

alert(Number(a));  //0

var a = true ;

alert(Number(a));  //true 1 false 0

var a =function(){alert(1);}; alert(Number(a));  //NaN 转不了

var a = []; //0

var a = [‘‘]; //0

var a = [123]; //123

var a = [‘123‘];//123 

var a = [1,2,3]; //NaN

var json = {} //NaN 转不了

var a = null //0

var a; alert(Number(a);); //NaN

小结:json、未定义、函数、东西多的数组转出来都是NaN,转不了

 

parseInt(a,10); parseFloat(a,10); //默认都有两个参数,后边代表10进制

var a =‘100px‘;

用Number()方法是NaN;因为这个方法是转换整体的;

parseInt(a) //100 这个方法是一个个的看如果发现不再是数字就截断了。这个方法只能转200px能把数字提取出来,其他的true 函数 等都是NaN。一般用它来转前边是数字的字符串

‘+200‘这种这两种方法都能转, + - 空格等都认。它会继续往后跑看有没有数字提取出来

var a = ‘12.34万元‘; parseInt//不认识小数点12 parseFloat//只认识第一个小数点12.34

 

隐式类型转换

+          200+‘3‘ //2003 转成字符串

- * / % ‘200‘- 3  //197 转成数字

++ --    var a = ‘10‘;a++;alert(a);   //11 转成数字

><     alert(‘10‘>9);   //true 转成数字

!取反   alert(!‘ok‘);   //false 不管!右边是什么都会转成一个布尔值

==     alert(‘2‘==2);   //true 不管数据类型是啥

 

alert(‘10‘>‘9‘); //false 字符串的比较和数字的比较不同的是,会一位一位的比较1比9对应的码值小所以false。不再往后比较

===   alert(‘2‘===2);   //两个数据类型不同的用全等,先判断类型再判断值,比==更严谨,但没有任何数据类型转换

 

NaN应用:

1,var a = Number(‘abc‘); alert(a);//NaN alert(typeof a); //Number 所以说数字和数字类型是两码事 NaN是数字类型但不是数字

2,一旦程序出现NaN,说明肯定进行了非法的运算操作

3,NaN 是 fasle if(NaN)

4,数字和字符串与自己比较都是true,NaN与自己比较是false

 

NaN     不是个数字的数字类型

isNaN()  是不是不是一个数字(不是数字)

IsNaN();  //true  false  //判断某些值是不是数字;不喜欢数字、讨厌数字;

alert(isNaN(‘250‘)); //false 内部先会交给Number()转换再判断的

alert(isNaN(true)); //false Number转换成1

它不讨厌数字类型(比如NaN)讨厌数字

alert(isNaN(NaN)); //true

 

运算符

1)算术:

+           在类型转换里可以把一个数字转换成字符串

- * / %   在类型转换里可以把一个字符串转换成数字,如果转换不成就是NaN

2)赋值:=、+=、-=、*=、/=、%=

3)关系:<、>、<=、>=、==、!=(不等)、===、!==(全不等)

4)逻辑:&&与、||或、!否

 

var a = 20<90&&20;alert(a); // 弹出20,左边成立会走到右边

var a = 120<90&&20;alert(a); // 弹出false

var a = 120<90||20;alert(a); // 弹出20,即使左边是false,也会走到右边

 

程序流程控制

1)判断:

if(){}else if(){}else{} 这种形式也可以用switch写

If(){}else{} 形式可以用三目(三元)运算符来写

2)循环:while、for

3)跳出:break跳出循环、continue跳过本次循环

 

传参:

做东西的时候如果发现页面上两个或多个地方差不多相同,就可以用到函数传参,这时候应该有一个传参的意识,比如大型门户网站首页上很多个选项卡;同一个页面上有多组图片切换等。为了实现代码重用,把不一样的东西拿出来通过参数传递进去。(比如id、事件等都可作为参数)。写的时候尽量保证以下几点:

1)尽量保证HTML代码一致可以通过父级选取子元素;

2)把核心的 主程序先实现,然后用个函数包起来;

3)把每组里不同的值找出来,通过传参实现。

 

最后真假的问题小结:

真:true、非0的数字、非空(空格也算非空)字符串、非空对象(函数、能找到的元素、[]、{})

假:false、0、空字符串(‘‘)、null空对象、undefined(不能找到的元素)

 

JavaScript语言核心

标签:

原文地址:http://www.cnblogs.com/yanzi89/p/4423334.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!