因为 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
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。