js基础
jerry2 Architect
  2019-03-11 15:58:14 2019-03-11 15:58    739 字  3 分钟  

HelloWorld

1
2
3
4
5
6
7
8
9
//三种输出方式
// 弹窗
alert("HelloWorld")

//  向页面输出内容
document.write("HelloWorld")

// 控制台打印
console.log("HelloWorld")

变量

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//字符串 js不区分字符和字符串
var a = "str1";
var b = 'str2';

//数字 js不区分 整型和浮点数
var c = 12;
var d = 12.3;

//boolean
var e = true;
var f = false;

//null 变量默认值不是null
var g = null; 

// undefined (未定义 变量的默认值)
var h;

运算符

  • 算术运算符：+ - * / %

  • 赋值运算符：= += -= *= /= %=

  • 关系运算符：== != < > <= >=

  • 逻辑运算符：&& || !

  • 三目运算： 条件? v1 : v2

  • typeof 运算符

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    typeof "John"                 // 返回 "string"
    typeof 3.14                   // 返回 "number"
    typeof NaN                    // 返回 "number"
    typeof false                  // 返回 "boolean"
    typeof [1,2,3,4]              // 返回 "object"
    typeof {name:'John', age:34}  // 返回 "object"
    typeof new Date()             // 返回 "object"
    typeof function () {}         // 返回 "function"
    typeof myCar                  // 返回 "undefined" *
    typeof null                   // 返回 "object"

分支结构

1
2
3
4
5
6
7
8
9
10
11
//if分支
if(){}
if(){}else{}

//switch分支
switch(v){
  case 1: ... break;
  case 2: ... break;
  case 3: ... break;
  default: ... break;  
}

循环结构

  • while(){}
  • do{} while();
  • for(var i=0;i<10;i++){}

函数

  • 定义一个函数

    function 函数名 （参数列表）{

    [return]

    }

  • 调用函数

    1
    2
    3
    4
    5
    6
    7
    8
    // 定义一个有参 有返回值的函数
    function fun3(x,y){
        console.log(x+"--"+y);
        return x+y;
    }
    //调用fun3
    let fun = fun3(4,4.5);
    console.log(fun)

  • 变量可以存储函数

  • 匿名函数

  • 函数可以作为参数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    // 函数做变量
    let fun4 = function (fun) {
        console.log("fun4-start");
        fun();
        console.log("fun4-end");
    }

    fun4(function (){
        console.log("匿名函数")
    });

内置对象

数组 Array

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//定义数组
let arr=[1,2,3,4]

let arr2= new Array();
arr2.push(1);
arr2[1]=2;
arr2.push(3);

//遍历数组
for (var i=0;i<arr2.length;i++){
    console.log(arr2[i]);
}

for (var v in arr){
    console.log(arr[v]);
}

字符串String

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//String
var str="helloWorld  ";
//获取下标为1的字符
console.log(str.charAt(1));
// 跟据W 拆分字符串成数组
console.log(str.split("W"));
//除字符串两侧的空白字符或其他预定义字符
console.log(str.trim());
//截取字符串 下标0开始，截取五个字符
console.log(str.substring(0,5));
//转大写
console.log(str.toUpperCase());
//转小写
console.log(str.toUpperCase().toLowerCase());
//字符长度
console.log(str.length);

时间Date

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var date= new Date();
//时间戳
console.log(date.getTime());
//年
console.log(date.getFullYear());
//月 系统 0-11
console.log(date.getMonth()+1);
//日
console.log(date.getDate());
//时
console.log(date.getHours());
//分
console.log(date.getMinutes());
//秒
console.log(date.getSeconds());


//时间差 天
var d1 = new Date(2019,11,11);
var d2 = new Date(2018,11,11);
console.log((d1.getTime()-d2.getTime())/1000/60/60/24);

JS对象

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
  // 创建对象
var obj1 = {
    name:"zhangsan"
    ,age:18
    ,sex:"未知"
    ,fun : function() {
        return this.name + " " + this.age+" "+this.sex;
    }
}

var obj2 = new Object();
obj2.name="lisi";
obj2.age=18;
obj2.sex="未知";

//访问 JavaScript 属性
console.log(obj1.name);
console.log(obj1["age"]);
console.log(obj1.fun());

// for...in 循环 遍历对象属性
for (o in obj2) {
    console.log(obj2[o]);
}
 评论