js基础

学习手册:
W3School离线手册
http://www.w3school.com.cn/
http://www.runoob.com/
https://developer.mozilla.org/zh-CN/
https://caniuse.com/

书籍:
《JavaScript高级程序设计》
《JavaScript权威指南》

1.JavaScript基本介绍及发展趋势
脚本
livescript --> javascript(网景) --> jscript(微软) --> ECMA --> ECMAScript

JavaScript = ECMAScript + BOM + DOM

ES3
ES5 -- ECMAScript5.1(IE9之前不支持)
ES6 -- ECMAScript2015

2.JS和H5的关系
<video>

3.编写JS及如何运行JS
编辑器:HBuilder
sublime text
atom
vscode
JS是嵌套在HTML中的一段脚本程序。类比CSS:
内联:
标签内部使用如事件属性onclick来编写
内部:
<script></script>
标签可出现在任何位置(前中后)
推荐将script标签写在body结束标签之前
type="text/javascript" 属性可省略,默认为 text/javascript 属性取值
外部:
<script src="外部JS资源路径"></script>
在<script>标签之间不能再添加其它的JS代码

输出:
    a. alert("提示消息")
        -- 是弹出警告框提示消息,有“确定”按钮
    b. document.write("向文档中输出的内容");
        -- 向文档中输出内容
    c. console.log("打印信息")
        -- 在控制上打印日志信息
输入:
    a. prompt("提示", "默认值")
        -- 弹出输入框,点击“确定”接收输入框中的输入值,点击“取消”返回 null

JS是在浏览器中的 JavaScript 引擎中解释执行的(V8)。

JS中一条语句(命令、代码)的结束使用 ; 表示

4.变量的概念及基本运算
变量:
是在内存中的数据存储空间,随着运算的进行,该空间中存储的数据可以变化。
三要素:
变量名
变量值
数据类型

数据类型:
    基本类型:
        Number -- 数字(整数、小数)
        String -- 字符串,使用 "" 或 '' 包含
        Boolean -- 布尔,表示真假,可取值为 true 或 false
        Undefined -- 未定义,只有 undefined 一个取值
        Null -- 空,通常用于表示空对象,只有 null 一个取值
        Symbol(ES6) -- 符号
    引用类型:
        Object -- 对象

JS是弱类型(动态类型)的语言:变量的数据类型是在运行时确定的。

注释:
    // 单行注释
    /* 多行注释 */
    /**  */

变量定义:
    语法:var 变量名 = 变量值;
    分解:
        var 变量名; // 变量声明
        变量名 = 变量值; // 变量赋值

求表达式的数据类型:
    typeof 表达式;
    typeof 求解的结果数据类型为字符串,该字符串可取值:
        "number"
        "string"
        "boolean"
        "undefined"
        "symbol"
        "object"
        "function"

5.变量命名规则和关键字的介绍
关键字:
JS语言中已占用的有特殊函义的单词。

标识符命名
    规则:
        a. 能够包含的字符:字母、数字、下划线、$
        b. 不能以数字开头
        c. 不能是关键字
    规范:
        a. 采用简洁的英文单词命名
        b. 驼峰命名法:
            第一个单词首字母小写,其它单词首字母大写(小驼峰)

6.变量不同类型之间的自动、手动类型转换
自动(隐式)类型转换
强制(显式)类型转换:
parseInt()
-- 通常是将字符串解析为整数数字
parseFloat()
-- 通常是将字符串解析为浮点数数字
Number()
-- 是将其它类型转换为数字类型

    parseInt()与parseFloat() 在转换数据类型时有一定的容错能力,如果第一位就不能转换,则返回的是 NaN(not a number)。
    Number()将字符串转换为数字时,没有容错能力。

    Number() 转换:
        字符串-->数字
            兼容:对应数字
            不兼容:NaN
            "" --> 0
        布尔 --> 数字
            true --> 1
            false --> 0
        Undefined --> 数字
            undefined --> NaN
        Null --> 数字
            null --> 0
        Symbol --> 数字
            报错:Cannot convert a Symbol value to a number
        Object --> 数字
            --> NaN

    Boolean()
        可以将其它类型转换为 Boolean 类型,先测试

    String()

7.赋值、关系、算术等运算符的讲解
赋值运算符:
= // 将右边的值的赋给左边的变量
字符串连接:
+ // 将+号两端的字符串拼接在一起(只要 + 号两端有一个是字符串,都是做字符串拼接)
算术运算符:
+
-
*
/
%(模) -- 求余数
求一个三位数字各位数是多少
关系运算符:
>
<
>=
<=
== / ===
== 是比较值是否相同,如果数据类型一致,则直接比较值,如果数据类型不一致,则会先尝试转换类型,然后再比较值。
=== 是会严格区分数据类型,如果数据类型一致则比较值,如果类型不一致则直接返回 false
!= / !==
!= 是比较值是否不相同,如果数据类型一致,则直接比较值,如果数据类型不一致,则会先尝试转换类型,然后再比较值。
!== 是会严格区分数据类型,如果数据类型一致则比较值,如果类型不一致则直接返回 true
逻辑运算符:
&& -- 并且
exp1 && exp2
|| -- 或者
exp1 || exp2
! -- 非(单目运算符)
!exp1
短路运算符:&&、||
自增、自减:
++
--
i++/++i;:<==> i = i + 1;
var i = 10;
var j = ++i;
var j = i++;
前缀(++i):先运算(自增)后引用(自增运算后的值使用)
后缀(i++):先引用(自增运算前的值使用)后运算(自增)

    var i = 10;
    var j = i++ + ++i + ++i + i++;    // i = 14
               10   +  12  + 13   + 13
三目运算符:
    条件 ? true : false;
    闰年条件:
        年份能被4整除但不能被100整除,或年份值能被400整除

复合运算符:
    +=
    -=
    *=
    /=
    %=
    
    i += 5; <==> i = i + 5;
    i *= (3 + 7); <==> i = i * (3 + 7);

其它:
    ()
    .
    +
    -

8.二进制
十进制
十六进制
八进制

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

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,114评论 0 13
  • 鸦片战争再研究的意义、琦善的历史记载与民间传说对比、清朝政府的对外态度
    菜静静阅读 123评论 0 0
  • 17年来了好多婴儿的床帷,而且销量一直不是很好,与静静沟通后我家这月申请婴儿床,将婴儿床放在成人大床旁边,扩大婴儿...
    朱鸿羽阅读 184评论 0 0
  • 《伪装者》这部戏,听说了好久,最近终于有时间看一看。 就剧情、人物塑造各方面来讲,《伪装者》这部戏和猪妈妈前一段时...
    猪妈妈爱奋斗阅读 1,052评论 0 2
  • 那天在社会调查课上,老师讲到了他读书时的一个同学的故事。有一个女孩喜欢吃扣肉,可是当时她在学校打菜是不排队的,这对...
    夏晚歌阅读 834评论 0 0