JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理。
1、JavaScript代码存在形式
2、JavaScript代码存在位置
- HTML的head中
- HTML的body代码块底部(推荐)
由于Html代码是从上到下执行,如果Head中的js代码耗时严重,就会导致用户长时间无法看到页面,如果放置在body代码块底部,那么即使js代码耗时严重,也不会影响用户看到页面效果,只是js实现特效慢而已。
如:
3、变量
- 全局变量
- 局部变量
JavaScript中变量的声明是一个非常容易出错的点,局部变量必须一个 var 开头,如果未使用var,则默认表示声明的是全局变量。
var name = 'jack'; // 局部变量age = 18; // 全局变量
注:注释 // 或 /* */
4、基本数据类型
数字(Number)
var page = 111;var age = Number(18);var a1 = 1,a2 = 2, a3 = 3;parseInt("1.2");parseFloat("1.2");
字符串(String)
var name = "jack";var name = String("jack");var age_str = String(18); 常用方法: obj.trim() // 除去字符两边的空格 obj.charAt(index) // 通过索引查找字符 obj.substring(start,end) // 子字符窜 obj.indexOf(char) // 获取字符的索引 obj.length // 字符串长度
布尔(Boolean)
var status = true;var status = false;var status = Boolen(1==1)
数组(Array)
var names = ['alex', 'tony', 'eric']var names = Array('alex', 'tony', 'eric') 常用方法: 添加 obj.push(ele) 追加 obj.unshift(ele) 最前插入 obj.splice(index,0,'content') 指定索引插入,0参数必须写 移除 obj.pop() 数组尾部获取 obj.shift() 数组头部获取 obj.splice(index,count) 数组指定位置后count个字符 切片 obj.slice(start,end) 合并 newArray = obj1.concat(obj2) 翻转 obj.reverse() 字符串化 obj.join('_') 长度 obj.length 字典var items = {'k1': 123, 'k2': 'tony'}
undefined
undefined表示未定义值var name;
null
null是一个特殊值
5、循环语句
var names = ["alex", "tony", "rain"]; // 数组:方式一for(var i=0;i
6、条件语句
//if条件语句 if(条件){ }else if(条件){ }else{ } var name = 'alex';var age = 1; // switch,case语句 switch(name){ case '1': age = 123; break; case '2': age = 456; break; default : age = 777; }
7、异常处理
try{ }catch(e) { }finally{ }
8、函数
函数的声明 function func(arg){ return true; } 匿名函数 var func = function(arg){ return "tony"; } 自执行函数 (function(arg){ console.log(arg); })('123')
9、面向对象
function Foo (name,age) { this.Name = name; this.Age = age; this.Func = function(arg){ return this.Name + arg; }} var obj = new Foo('alex', 18);var ret = obj.Func("sb");console.log(ret);