JavaScript 是脚本语言、是一种轻量级的编程语言、是可插入 HTML 页面的编程代码,可由所有的现代浏览器执行。
JavaScript的语法和Java语言类似,每个语句以;
结束,语句块用{......}
。但是,JavaScript并不强制要求在每个语句的结尾加;
,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;
。
数据类型:
1、基本数据类型: 字符串 String 数字 Number 布尔Boolean 2、复合数据类型: 数组 Array 对象 Object 3、特殊数据类型: Null 空对象 Undefined 未定义
说明:
1、字符串 String 1.1 JS通过字符串类型来表示文本,字符串是以单引号或双引号 括起来的任意文本
eg: 'abc',"张三" 等。。
1.2 转义字符
在JavaScript字符串中,反斜线(\)+一个字符 不在表示其浅显的字面含义,列举几个常用的转义字符(如下,其他自己兴趣查找)
eg: \n 换行符 \v 垂直制表符 \f 换页符 \r 回车符
1.3 字符串的使用(自带功能就是 字符串链接 +)
eg: var str = "Hello, "+" world"; //"Hello,world"
1.4 得到字符串的长度 length
eg: var str = "Hello,world"; alert(str.length) //11
var str1= "Hello, world "; alert(str1.length) //13 空格也包括
注:除length属性外,还提供了其他的方法调用。。。常用的
var str = "hello,world"; str.charAt(0); //h 第一个字符(下标从0开始) str.charAt(6) //w str.charAt(str.length-1); //d 得到最后一个字符元素 str.substring(1,4); //ell 4-1=3获取3个字符元素 (star,end) end-star=num获取num个字符元素 从定义开始的star截取(下标是从0开始算 0,1,2.....) 0=>h, 1=>e str.slice(2,6) // llo, 理论同上,。substring str.slice(-3,-1) //rl 从最后一个往前数, (-star,-end) -end-(-star)=num 从最后一个往前数star(从1开始下标),然后在从star截取num个数, 如果end<star 显示为空 eg: (-3,-4) 弹窗为空内容 str.indexOf("l") //2 字符l首次出现的位置(下标从0开始算) str.lastIndexOf("l") //9 字符l最后一次出现的位置(下标从0开始算, 空格和符合也算一个字符算) str.split(",") // 把一个字符串分割成字符串数组 () //stringObj.split(必填-指定地方分割,可选填--返回截取最大长度) str.replace("l","L") //替换, 把l替换成L str.toUpperCase(); //转换成大写 str.toLowerCase(); //转换成小写
2、数字Number
2.1 整数直接量(用一个数字序列表示一个十进制整数) eg: 123; // 整数123
注:除十进制的整型直接量,JS同样能识别十六进制值。十六进制用0x或0X前缀和0-9,(A)a-(F)f之间的字母构成,a~f的字母对应的表示数字10~15。
eg: 0xff //15*16+15 =255, 0xa5b4c3d2
2.2 浮点型直接量(由整数部分、小数点和小数部分组成)
eg: 123; // 整数123 0.456; // 浮点数0.456 1.2345e3; // 科学计数法表示1.2345x1000,等同于1234.5 -99; // 负数 NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示 Infinity; // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity
2.3 算术运算(JavaScript使用语言本身提供的算术运算符来进行数字运算)
包括:加法运算符(+)、减法运算符(-)、乘法运算符(*)、除法运算符(/)和求余运算符(% 除整后的余数)
eg: 1 + 2; // 3 (1 + 2) * 5 / 2; // 7.5 2 / 0; // Infinity 0 / 0; // NaN 10 % 3; // 1 10.5 % 3; // 1.5
注:除基本的运算符外,JavaScript还支持一些复杂的算术运算,他们通过作为Math对象的属性定义的函数 和常量来实现(举例常用的,还有好多,就不一 一列举)
eg:Math.round(.8) //1 四舍五入 Math.ceil(.8) //1 向上求整 Math.floor(.8) //0 向下求整 Math.abs(-5) //5 求绝对值 Math.max(10,15,12) //15 返回最大值 Math.min(10,15,12) //10 返回最小值 Math.random() //生成一个0~1之间的随机数
3、布尔值(true和false)
3.1 &&
运算(and),只有所有都为true
,&&
运算结果才是true,同时满足,只要有一个不满足的就是false,
3.2 ||(或or)
运算,只要其中有一个为true
,||
运算结果就是true
3.3 !
运算是非运算,它是一个单目运算符,把true
变成false
,false
变成true eg:
!(2 > 5); // 结果为true
!true; // 结果为false
3.4 比较运算符,(对Number做比较时,可以通过比较运算符得到一个布尔值)
2 > 5; // false 5 >= 2; // true false == 0; // true false === 0; // false
注意:三种比较运算符: 3.4.1是==比较,它会自动转换数据类型再比较,(判断值是否相等); 3.4.2是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较(判断值和类型是否一致) 3.4.3是NaN这个特殊的Number与所有其他值都不相等 NaN == NaN //false Not a Number 能通过isNaN()函数判断NaN eg: isNaN(NaN); // true
4、null和undefined
null是JavaScript的关键字 null表示一个"空"的值,它和0以及空字符串''不同,0是一个数值,''表示长度为0的字符串,而null表示"空" undefined 表示未定义的"空"值,它是变量的一种取值,表明变量没有初始化;若要查询的对象属性或数组元素的值返回undefined时表明这个属性或元素不存在;若用typof运算符得到undefined的类型,返回“undefined”
5、数组 Array和对象 Object (简单讲解-会单独进行详细说明)
5.1 数组Array
数组是一组按顺序排列的集合,集合的每个值称为元素。JavaScript的数组可以包括任意数据类型。 eg: [1, 3.14, 'Hello', null, true]; 该数组包含5个元素。数组用[]表示,元素之间用逗号(,)分隔。 创建数组的方法: 1、通过Array()函数实现: eg: var arr = new Array(1, 2, 3); // 创建了数组[1, 2, 3] 2、使用[] (出于代码的可读性考虑,建议使用) 数组的元素 索引的起始值为0,从0开始 eg: var arr = [1, 2, 3.14, 'Hello', null, true]; arr[0]; // 返回索引为0的元素,即1 arr[5]; // 返回索引为5的元素,即true arr[6]; // 索引超出了范围,返回undefined
5.2 对象 Object
JavaScript的对象是一组由键-值组成的无序集合, eg: var person = { name: '张三', age: 25, tags: ['js', 'web', 'mobile'], city: 'ShangHai', }; JavaScript对象的键都是字符串类型,值可以是任意数据类型。上述person对象一共定义了4个键值对,其中每个键又称为对象的属性,例:person的name属性为'张三'。 要获取一个对象的属性,我们用对象变量.属性名的方式:person.name; // '张三'
6、类型转换
JavaScript根据需要可自行转换类型,一些(真)值转换为true,其他(假)值转换为false; 若Js想使用一个字符串,给定的值将转换为字符串;如转换的值无意义返回NaN
eg: 10+"obj" //10obj ->数字10转换为字符串 "5" * "6" //30 ->字符串转换成数字 1-"x" //NaN ->字符串x无法转换成数字 var a=1-"x"; a + "boj"; //NaNboj ->NaN转换为字符串"NaN"
6.1(内置函数)parseInt()和parseFloat() 前者把值转换成整数,后者把值转换成浮点数
parseInt()方法首先查看位置开头字符,判断它是否是个有效数字;如果不是,该方法将返回NaN,不再继续执行其他操作。但如果该字符是有效数字,依次往后排查直到发现非有效数字的字符为止,此时parseInt()将把该字符之前的字符串转换成数字
eg: parseInt("12a34b"); // 12 parseInt("20.5"); // 20 parseInt("abc"); // NaN
parseFloat()方法与parseInt()方法的处理方式相似,首先查看位置开头字符,直到找到第一个非有效的字符为止,然后把该字符之前的字符串转换成数字。对于这个方法来说,第一个出现的小数点是有效字符。如果有两个或多个小数点,第二个及后面的小数点将被看作无效的
eg:parseFloat("12ab0") // 12 parseFloat("20.5") // 20.5 parseFloat("abc"); // NaN parseFloat("12.56.34") //12.56 parseFloat("0101") // 101
6.2 强制类型转换
Boolean(value)--把给定的值转换成Boolean型; Number(value)--把给定的值转换成数字(可以是整数或浮点数); String(value)--把给定的值转换成字符串 //Object(value)--不通过new调用时会把类型转换成函数 Boolean()当要转换的值是至少有一个字符的字符串、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false eg:Boolean(""); //false Boolean("abc"); //true Boolean(20); //true Boolean(null); //false Boolean(0); //false Boolean(new Object()); //true
引用:向布尔型转换 undefined值:转换成"false。 null值:转换成false。 字符串值:如果字符串为空字符串,返回false;否则返回true。 数字型值:如果数字为0或NaN,返回false。;否则返回true。 其他对象:总是返回true
Number()的强制类型转它转换的是整个值,而不是部分值
eg: Number(false) //0 Number(true) //1 Number(undefined) //NaN Number(null) //0 Number( "5.5 ") //5.5 Number( "56 ") //56 Number( "5.6.7 ") // NaN Number(new Object()) //NaN
引用:向数字型转换
undefined值:转换成NaN。 null值:转换成0. 布尔值:值为true,转换成1;值为false,转换成0. 字符串值:如果字符串是数字形式,转换成数字,否则转换成NaN。 其他对象:转换成NaN
String() 可把任何值转换成字符串。要执行这种强制类型转换,只需要调用作为参数传递进来的值的 toString()方法,即把1转换成 "1 ",把true转换成 "true ",把false转换成 "false "。
引用:向字符串转换 undefined值:转换成"undefined"。 null值:转换成"null". 布尔值:值为true,转换成"true";值为false,转换成"false". 数字型值:NaN或数字型变量的完整字符串。 其他对象:如果该对象的toString()方法存在,则返回toString方法的返回值,否则返回undefined
7、变量
7.1 变量声明 变量不仅可以是数字,还可以是任意数据类型,使用关键字var声明
var a; // 声明了变量a 未赋值,此时a的值为undefined var b = 1; // 声明了变量b,同时给值,值为1 var c = '007'; // c是一个字符串 var An = true; // An是一个布尔值true var ta = null; // ta的值是null
var i,sum; //声明多个变量 var i=0, j=0, k=1; //初始化赋值可以和在一起写,用逗号(,)隔开
7.2 变量作用域 全局变量:全局变量拥有全局作用域,在JS的任何地方都有定义可以运用 局部变量:在函数内声明的变量只在函数体内有定义,既是局部变量,只在函数体内有定义运用 注:在函数体内,局部变量优先级高于同名的全局变量(带有的变量和全局变量重名,全局被局部变量覆盖) eg: var score = "global"; //声明一个全局变量 function checkscope(){ var score = "local"; //声明一个同名的局部变量 alert (score); //返回局部变量的值 } checkscope() //local
function test(){ var i = 0; //i在整个函数体内均有定义 for(var k=0; k<6; k++){ var j = 1; //在函数体内有定义 console.log(k); //输出 0~5 } console.log(k); //输出 6 console.log(j) //输出1 } test()
一些小题:
1、var a =101; function test(){ alert(a); // undefined 如果下面不定义var=100 弹出101 var a =100; alert(this.a); //101 this全局window ,如果函数体外没定义 var =101, 结果为undefined var a; alert(a); //100 函数体内a初始化赋值 } test();
2、 var a =101; function test(){ alert(a); // 101 a =100; alert(a) //100 函数体内a初始化赋值 } alert(a); //100 全局变量 test();
3、 var arr=[11<12<13,13<12<11]; console.info(arr); //[true, true] var arr1="1 2 3"; var arr11="0.8,1.2,3"; console.info(parseInt(arr1)); //1 console.info(parseInt(arr11)); //0 var arr2=[]==[]; console.info(arr2); //false; []==![] //true var a=[1,2,3]; var b=[1,2,3]; c=[1,2,4]; console.info(a==b); //false 单独的2个数组不能比较 a===b //false console.info(a>c); //false a<c //true var one=0.1; var two=0.2; var six=0.6; var eight=0.8; console.info(two-one==one); //true console.info(eight-six==two); //false //0.20000000000000007 function show(value){ switch(value){ case "A": console.log("Case A"); break; case "B": console.log("Case B"); break; default: console.log("Nothing"); } } //console.info(show("A")); //Case A undefined //console.info(show(new String("A"))); //Nothing undefined
var x=1;
var y=1; method(8); console.info(x+y); // 5 function method(y){ x+=3; //x=x+3 = 4 y+=3; //y=y+3 =11 console.info(x+y); // 15 先执行 } // 15 5未完待续。。。简单学习 一起讨论,共同进步,学习只是无止境。。有补充,失误随时联系!进步的小白
借鉴学习:http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000