python笔记(web前端 JS)

一、JS初步认识(JavaScript)
1、基础语法

  1. 注释:// :行注释 /**/:段注释

  2. 语句必须以分号结束

  3. 变量声明关键字:var 变量名 = “值”
    JS属于动态类型(同一变量可以存不同数据类型)

  4. 变量
    变量名规则:JS中$可以做为变量名

2、数据类型

  1. 数字类型:int float bool
    在这里插入图片描述

  2. var num = 18;
    var num = 1.2e-3;(小数点向左移3位)
    var num = NaN;(not a number 不是个数字)
    
  3. 字符串类型:

    var s1 = "李优秀";
    var s2 = '小小龙'
    var s5 = s1+s2;(字符串拼接)
    

在这里插入图片描述

  1. 数组的遍历

    for (var i=0;i<a.length;i++)
        {
            console.log(a[i])
        }
    
  2. typeof name; --> 查看数据类型

  3. null == undefine

  4. 流程控制:

     1、switch(x){
               case 1:console.log(...);  break;
               case 2:console.log(...);  break;
               default:console.log(...);
               }
     2、if else
    
  5. 三元运算:

     var c = a>b?a:b;
    
  6. console.log(.....) -->打印

  7. 列表方法:
    在这里插入图片描述

二、JS函数

1、一般函数

function foo(a,b)
{
    console.log(a);
    console.log(b);
    return a+b;
}

函数调用:

var ret = foo(1,3);

2、匿名函数

var func = function foo(a,b)
{
    console.log(a);
    console.log(b);
    return a+b;
}

函数调用:

var ret = func(1,3);

3、立即执行函数

(function (a,b)
{
    console.log(a);
    console.log(b);
    return a+b;
})(1,2);
  1. 函数作用域
    在这里插入图片描述

三、面向对象
1、内置函数
在这里插入图片描述

例:var a = new Array(11,12,13)   生成列表对象

2、自定义对象

var person = {"name":"xiaolong","age":12}

单独取属性:

console.log(person.name)
console.log(person.age)

遍历取:

for (var i in person)
    console.log(i)
	console.log(person[i])

3、创建对象

var person = new Object();
person.name = "小龙"
person.age  = 18

4、内置的date对象

var d1 = new Date();
console.log(d1.xxxxx)

在这里插入图片描述
在这里插入图片描述

5、json对象

var s = "{"name":"xiaolonglong","age":17}"
var j1 = new JSON();
把字符串转化为JS内部对象
var ret = j1.parse(s);
把js内部对象转换为字符串
var s2 = j1.stringify()

在这里插入图片描述
6、RegExp对象
第一种方式:

var ret = new RegExp("正则表达式");
var ret-return = ret.test("要验证的字符串")

第二种方式:

/正则表达式/.test("要验证的字符串");

注意:

var s = "Akkkaooa"
//g:表示所有满足的,全局
//i:表示忽略大小写
var s1 = s.replace(/a/gi,"嘻嘻")  将所有的a替换成“嘻嘻”生成了一个新的变量
  1. 正则表达式之间不能有空格
  2. .test()不传值相当于.test(undefined)—>.test(“undefined”)

7、math对象
在这里插入图片描述
8、.sort(key = xxxx) -->sort的键值可以修改

小提示:执行下面的JS代码可以修改页面
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_41433183/article/details/87466614