JavaScript笔录

JavaScript是一门编程语言，浏览器内置了JavaScript语言的解释器，所以在浏览器上按照JavaScript语言的规则编写相应代码之，浏览器可以解释并做出相应的处理。

1、JavaScript代码存在形式

<!-- 方式一 -->
<script type"text/javascript" src="JS文件"></script>

<!-- 方式二 -->
<script type"text/javascript">
    Js代码内容
</script>

2、JavaScript代码存在位置

• HTML的head中
• HTML的body代码块底部(推荐)

由于Html代码是从上到下执行，如果Head中的js代码耗时严重，就会导致用户长时间无法看到页面，如果放置在body代码块底部，那么即使js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。

如：
<script src="https://www.gstatic.com/og/_/js/k=og.og2.en_US.iF4jnkQuaf0.O/rt=j/t=zcms/m=def/exm=in,fot/d=1/ed=1/rs=AA2YrTv5-POC4Ks9GtGRdY2ywUWisqz7-Q"></script>
<script>
    alert('提示信息');
</script>

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<names.length;i++){
    console.log(i);
    console.log(names[i]);
}

// 数组：方式二
for(var index in names){
    console.log(index);
    console.log(names[index]);
}

var names = {"name": "alex", "age": 18};

// 字典：方式一
for(var index in names){
    console.log(index);
    console.log(names[index]);
}

// while循环
while(条件){
    // break;
    // continue;
}

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);