美文网首页js我爱编程
HTML 学习笔记 May 9,2017 js运行原理、js开发

HTML 学习笔记 May 9,2017 js运行原理、js开发

作者: 程序员之路 | 来源:发表于2018-04-13 13:04 被阅读21次

    因为 js 是由浏览器来解释执行的,因此这里有一个问题,不同类型的浏览器可能对 js 的支持不一样。

    js 的开发工具:

    ①记事本

    ②eclipse

    window.alert("hello");

    ① js  的位置可以随意

    ②必须用 包起来

    如果米有使用 包起来,浏览器会将其视为普通文本。

    ③在一个 html 文件中(jsp/php/asp)可以出现多对 浏览器会依照先后顺序依次执行。

    // js中变量的定义(在 js 中变量用var 表示,不管实际类型)varnum1=343;varnum2=89;varresult=num1+num2;window.alert('结果是'+ result);

    js 里边要用 var 来定义变量

    ① js 是弱数据类型语言

    即 在定义变量的时候,同意使用 var 表示,甚至可以去掉 var 这个关键字;

    ② js 中的变量的数据类型是由 js 引擎决定

    每条功能执行语句的最后必须用分号(;)结束,每个词之间用空格、制表符、换行符或大括号、小括号这样的分隔符隔开。

    js 的命名规范(变量函数)

    ① 使用 大小写字母、数字、_、$ 可以命名

    ② 不能以数字开头

    ③ 不能使用 js 的关键字/保留字

    ④ 区分大小写

    ⑤ 单行注释  //  多行注释  /*  */

    JavaScript 数据类型

    ①基本数据类型:数值、字符串、布尔型

    根据 typeof 可以看到变量的具体数据类型是什么。

    var v1 = "abc";

    var v2 = 980;

    window.alert("v1 是" + typeof v1);//v1 是 string

    window.alert("v2 是" + typeof v2);// v2 是 number

    v1 =668;window.alert("v1 是"+typeofv1);// v1 是number

    类型常量:十六进制(0x8a),八进制(0123)

    实型常量:5E7(5 乘以 10 的 7 次方,可以写成 e )

    特殊数值:NaN(not a number)、infinity(无穷大)、isNaN(判断不是 number 就返回真)、isFinite(检测不是无穷大就返回真)

    var a = "abc";

    window.alert(parseInt(a)); // parseInt 把一个字符串转化成整型数输出  NaN

    window.alert(v1/0); // Infinity 无穷大

    window.alert(isFinite(v1/0)); // 无穷大就返回 false

    var a = "abcdefg"hijklmn";

    window.alert(a); //abcdefg"hijklmn

    js 数据类型的转换

    1️⃣自动转换

    2️⃣ 强制转换

    var a = 123; // a 是数值

    a = "hello"; // a 的类型就是 string

    var b = "12345"; // b 的类型就是 string

    b = parseInt(b); // 使用系统函数强制转换

    var c = 90; // c 是 number

    c = c + ""; // c 是 string

    ②复合数据类型:数组、对象

    ③ 特殊数据类型:null、undefine

    null:

    var a = null;

    undefine:

    var tt; // 没有赋值

    window.alert(tt); // undefine 报错,未定义

    // 最后打印结果是 OK!

    var a = 9;

    var b = '9';// 等同于 var b = "9"; 双引号单引号米有影响

    if (a==b) {

    window.alert('OK!');

    } else {

    window.alert('NO!');

    }

    var a1=window.prompt("请输入值"); // *** prompt 输入框

    document.writeln("你输入的是" + a1); // 你输入的是***

    在逻辑运算中,0、""、false、null、undefined、NaN 全部都表示为 false 。

    javascript 中,非 0 的数都为真,包括小数和负数👍

    这是一个非常重要的知识点:

    在 || 运算中,将返回第一个不为 false 的值(对象亦可),或者是返回最后一个值(如果全部都是 false 的话) || 返回的结果,不一定是 bool 值

    var a = 0;

    var b = "";

    var c = false;

    var d = a || b || c;

    window.alert(d); // 打印输出 false

    var a = 0;

    var b = "";

    var c = false;

    var d = c || b || a;

    window.alert(d); // 打印输出 0

    js 也有位运算和移位运算,其规范和 java 一致

    var a = 4>>2; 向右移位

    // 4 二进制 0000 0100  -->0000 0001

    window.alert(a); // 打印出来  1

    var a = -4>>2; // 打印出来结果是 -1

    ● javascript 的控制语句

    ① 顺序控制

    ② 分支控制

    多分支:

    var sex = window.promt("请输入性别");

    if (sex == "男") {

    window.alert("上男厕所");

    } else if (sex == "女") {

    window.alert("上女厕所");

    } else {

    window.alert("不上厕所");

    }

    js 里边的 switch 语句,后边的数据类型可以是任意数据类型

    var flag = 1;

    switch (flag) {

    default:

    window.alert("默认");

    case 'a':

    window.alert("今天星期一");

    case 'b':

    window.alert("今天星期二");

    case 1.1:

    window.alert("1.1"); // 打印出来: 默认  今天星期一  今天星期二  1.1  走了一遍,米有找到匹配的,然后就重新走 default ,走完之后就开始一步一步走下来了。

    }

    var flag = 1.1;

    switch (flag) {

    default:

    window.alert("默认");

    case 'a':

    window.alert("今天星期一");

    case 'b':

    window.alert("今天星期二");

    case 1.1:

    window.alert("1.1"); // 直接打印出来 1.1  找到匹配的就不会重新走 default ,然后一步一步走下来了

    }

    javascript 中,非 0 的数都为真,包括小数和负数👍

    在 ie8 中,我们可以通过工具来对 js 代码进行调试,尤其是在页面非常复杂的情况下,非常有用

    作者:山容海纳JWheat

    链接:https://www.jianshu.com/p/685e00c8e758

    來源:简书

    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    相关文章

      网友评论

        本文标题:HTML 学习笔记 May 9,2017 js运行原理、js开发

        本文链接:https://www.haomeiwen.com/subject/xasckftx.html