初识Js-Day1已关闭评论
176 次浏览

A+

所属分类：Web前端

摘要

学习js的第一天，简单了解了一下JS的诞生历史，JS相关变量，关键字，命名规范，JS数据类型以及各种数据类型之间的转换，JS运算符的使用，二进制，八进制，十进制，十六进制之间的换算。

便宜好用的国外VPS推荐

初识Js

1.前言

2.JS的诞生历史

1.JavaScript诞生于1995年，由Netscape（网景公司）研发，取名为Mocha，后与sun公司（Java研发公司）合作，1995年9月改名为Javascript。

2. JavaScript 的版本 JavaScript这种语言的基本语法结构是由ECMAScript来标准化的, 所以我们说的JavaScript版本一般指的是ECMAScript版本. 1997年7月，ECMAScript 1.0发布。 1998年6月，ECMAScript 2.0版发布。 1999年12月，ECMAScript 3.0版发布。(数组的一些方法) 2007年10月，ECMAScript 4.0版草案想要提交ECMA组织, 但由于4.0版的目标过于激进, 改动太大, 并且微软,谷歌等大公司极力反对；一直到2008年7月ECMA开会决定，中止ECMAScript 4.0的开发（即废除了这个版本） 2009年12月，ECMAScript 5.0版正式发布 2011年6月，ECMAscript 5.1版发布

3.是一种基于对象的脚本语言，单线程语言，弱语言。

4.几乎所有浏览器都支持JavaScript，IE浏览器，chrome，Firefox等。

3.JavaScript的组成

JavaScript由三部分组成:

1. 核心(ECMAScript)：

是一种由ECMA国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。ECMAScript 定义的只是这门语言的基础，他的组成部分有：语法、类型、语句、关键字、保留字、操作符、对象等。

2. 浏览器对象模型(BOM)：

Browse Object Model, 浏览器对象模型，提供与浏览器交互的方法和接口(API), 开发人员使用BOM可以控制浏览器显示页面以外的部分。

3. 文档对象模型(DOM)：

Document Object Model,文档对象模型，提供访问和操作网页HTML内容的方法和接口。

4.JS的书写规则以及运行

1.JS的书写

1. Html标签内部编写JavaScript代码--不推荐使用。

2. Html文件内部编写JavaScript代码。

3. 通过<script>标签引入外部的 . js文件。

2.JS的命名规则

1.数字、字母、下划线、$符号组成，其中数字不能做开头。并且变量名应做到见名知意，常用的方式有驼峰命名法，匈牙利命名法，同时变量名不能是保留字或者关键字。

2.关键字：一组具有特定用途的关键字，这些关键字可用于表示控制语句的开始或结束，或者用于执行特定操作等。

值得注意的一系列关键字：

break do instanceof typeof case else new var catch finally return void continue for switch while debugger function this with default if throw delete in try

值得注意的一系列的保留字（将来有可能用作关键字）：

abstract enum int short boolean export interface static byte extends long super char final native synchronized

class float package throws const goto private transient debugger implements protected volatile double import public

3.驼峰命名法

大驼峰：第一个单词的首字母大写 UserName

小驼峰：第二个单词开始首字母大写 userName / getElementById() / myStudentScore()

4.变量命名尽量见名知意，可参考下图

5.变量的数据类型

1.特殊类型：Undefined，Null。

2.5种简单数据类型:number数字，string字符串，boolean布尔值，undefined未定义，null空对象。

3.一种复杂的数据类型（引用类型）：object。

4.检测变量的方法：typeof（变量名）或者typeof 变量名**。

5.NaN和isNaN介绍，NaN的概念及应用

当数学计算无法得到数字结果，该变量的值为NaN(not a number)

注意：因为NaN代表非数字，它不等于任何值，也不能做运算，

即使alert(NaN == NaN); 结果也是false typeof NaN ===‘number’

isNaN(num)方法，该方法判断num变量的值是否是NaN（不是一个数字）,结果是布尔值,如果num不是一个数字输出true

查看类型：

初识Js-Day1

类型转换：

初识Js-Day1

字符串string转boolean：

初识Js-Day1

number转boolean：

初识Js-Day1

将undefined和对应的null转为Boolean：

Boolean 转为 number （false 0 true 1）：

初识Js-Day1

将对应的undefined和null 转为number：

初识Js-Day1

6.运算符及表达式

其中较为值得注意的是++，--

i++ 与 ++i 的主要区别有两个：

　　1、 i++ 返回原来的值，++i 返回加1后的值。

　　2、 i++ 不能作为左值，而++i 可以。

1.算数运算符

初识Js-Day1

2.逻辑运算符

初识Js-Day1

3.赋值运算

初识Js-Day1

4.位运算

初识Js-Day1

5.三目运算符

初识Js-Day1

6.保留小数的方法

初识Js-Day1

总结：

1.Number方法转为number类型的值

2.Boolean方法转为boolean类型的值

3.String方法转为string的值（toString方法）

4.toFixed方法转为字符串保留多少位小数

5.Infinity 表示无穷大

6.isNaN 判断是否为NaN

7.typeof 检索对应的类型（所有的引用类型都是object 其他显示对应的值类型）

7.进制转换

N进制就是“逢N进1，借1当N。”
N进制转换为10进制，直接写成多项式计算就可以了，
就像 253（10进制）=2*10^2+5*10+2
253(8进制)=2*8^2+5*8+3=171(10进制)
253(16进制)=2*16^2+5*16+3=595(10进制)
110111(2进制)=1*2^5+1*2^4+0*2^3+1*2^2+1*2^1+1=55

10进制转换为N进制，那就要“除N取余”了。
如 485转换为8进制：
485/8=60........5
60/8=7........4
7/8=0........7
所以485(10进制)=745(8进制) (注意：最后的数要倒序写）
又如 4593转换为16进制：
4593/16=287..........1
287/16=17............15
17/16=1................1
1/16=0..................1
所以，4593(10进制)=11F1(16进制)(注：16进制的数需要16个数码，用0-9和A-F表示）
再如 123转换为2进制：
123/2=61..........1
61/2=30...........1
30/2=15............0
15/2=7.............1
7/2=3................1
3/2=1...............1
1/2=0...............1
所以 123(10进制)=1111011(2进制)