HTML 学习笔记 May 9,2017 js运行原理、js开发工具介绍、js程序(hello)、js基本语法、js基本数据类型、js 运算符、js 移位运算、js三大流程控制(顺序流程、分支控制、循环控制)

因为 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

來源:简书

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,056评论 5 474
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,842评论 2 378
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,938评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,296评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,292评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,413评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,824评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,493评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,686评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,502评论 2 318
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,553评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,281评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,820评论 3 305
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,873评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,109评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,699评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,257评论 2 341

推荐阅读更多精彩内容