[游戏开发]关于JavrScript的总结

大家好我憨批辉，给大家分享一下我学完js后的一些总结，感觉有用的留下评价谢谢

?那我们开始正文

js的介绍? ? ? ?

1.1 什么是JavrScript

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的系统语言。虽然它是作为开发Wed页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript在1995年由Netscapt公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

JavaScript的标准是?ECMAScript?。截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES2015

1.2 JavrScript有什么作用

html - 给了我们浏览器一些组件 而css负责把这些组件变得美观漂亮

然后就是我们的js它给了一些行为，让我们在浏览能更好的享受网页给我们带来的交互体验，

这就像我们的身体，你不光要有各个部位，还要摆在各个部位，更重要的是，我们要有行为。有了js我们就能动起来，然后来做一些事情。所以js是一门很强大的语言。

1.3 JavrScript的初体验

说了这么多到底什么才是js

让我们打开淘宝网? (为什么是淘宝 淘宝是前端代码学习的痛得记一辈子)

我们看到主页推荐框隔一会自动翻页这个效果就需要我们的js来实现

这种效果的实现都需要我们的js来完成

JavrScript的基础

2.1如何使用JavrScript

JavrScript代码是和页面内容一起发送给浏览器的，可以把JavrScript代码集成到HTML页面：

（1） 嵌入式

JavrScript语句直接包含在HTML里面语法如下：

<script type="text/javascript">
    javasript语句;
</script>

(2)? 外链式

把JavrScript代码保存到单独的文件。然后用<script>标签的src(源)属性把这个文件包含到页面里

<script type="text/javascript" src="js/demo.js"></script>

2.2 JavaScript 基本格式

Javascript 程序是由一些单独的指令组成的，这些指令被称为"语句"。为了能够正确的 解释语句，浏览器对语句的书写方式有一定的要求。

1.每个语句一行

语句1

语句2

2.同一行多个语句每个语句以分号表示结束

语句1;语句2;

3.为了提高代码的可读性，也是为了减少无意中造成的语法错误，我们一般是这样书写的，也就是一行书写一个语句，并且分号表示语句结束：

语句1；

语句2；

另需要注意的是：JavaScript严格区分大小写。myName 和 myname是不一样的。

2.3 JavaScript 注释

单行注释://? 快捷键: ctrl+/

多行注释:/**/? ?快捷键: ctrl+shift+/

与用户交互

3.1 alert弹出警示框

alert，弹出提示框

语法：alert("内容");

因为他有兼容性问题，不同的浏览器有不同的样式，而且用户体验不好我们尽量少用。一般也主要是用来测试程序的

3.2 prompt() 弹出输入框

prompt()用于显示可提示用户输入的对话框。

语法:prompt("参数1","参数2");

如果用户点击提示框取消按钮，则返回null。如果用户点击确定按钮，则返回输入字段当前显示的文本。

如果只写一个参数，则默认是参数1

3.3console.log 控制台输出

onsole.log("内容")的功能是在控制台打印括号内的内容。

！注意 ：IE6以下版本不支持该语句

3.4 document.write 文档打印输出

documentwrite("内容")功能是在html文档页面中输出内容。
document文档的意思write写就是在文档中写内容。

变量

4.1 变量的概念

变量是：用于保存特定的数据的容器。 我们通过变量名获取数据。

本质：变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的房间，一个房间就可以看作是一个变量。

4.2 变量声明

//声明变量 var age； //声明一个名称为age 的变量

• var是一个JS关键字，用来声明变量(variable 变量的意思)。使用该关键字声明变量后，计算机会自动为变量分配内存空间不需要程序员管
• age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

4.3 赋值

age=10; //给age这个变量赋值为10

• = 用来吧右边的值赋给左边的变量空间中 此处代表赋值的意思
• 变量值是程序员保存到变量空间里的值

4.4 变量的初始化

var age = 10； //声明变量同时赋值为18? //声明一个变量并赋值，我们称之为变量初始化。

4.5?变量语法扩展

• 变量被重新赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准
• 同时声明多个变量时，只需要写一个var ， 多个变量名之间使用英文逗号隔开。

????????

var age = 10, name="zz", sex=2;

• 声明变量特殊情况

var age; console.log(age); //只声明 不赋值? ?结果是undefined
console.log(age); //不声明不赋值直接使用    结果是报错
age=10; console.log(age);不声明 只赋值     结果是10

4.6变量名的命名规范

变量可以用任何方式进行命名，但我们一般只使用字母、数字、美元符号($)和下划线。
1变量命名必须以字母或是下标符号”_"或者"$为开头。
2.变量名长度不能超过255个字符。
3变量名中不允许使用空格。
4不用使用脚本语言中保留的关键字及保留符号作为变量名。
5变量名区分大小写。(javascript是区分大小写的语言)

1、js中的关键字:
break case catch continue default?
delete do else finally for?
function if in instanceof new?
return switch this throw try?
typeof var void while with?
2、js中的保留字:
abstract boolean byte char class?
const debugger double enum export?
extends final float goto implements?
import int interface long native?
package private protected public short?
static super synchronized throws transient?
volatile

数据类型

5.1数值型 number

此类型用来表示整数和浮点数(小数)值。
比如:数字10、10.01、100、-100等等都是。
如下语句:
var num = 100;
num里面保存了一个数值为100，则这个变量就是一个数值型的变量。
我们JavaScript是弱数据类型，变量是没有固定数据类型的，总之，你给变量一个什么值，它就是什么数据类型的变量。
还有一种特殊的数值，即NaN(非数值 Not aNumber)。类似我们说的MMD(么么哒) BBD(棒棒哒)是一种缩写。
这个数值用于表示一个本来要返回数值的操作数未返回数值的情况。(这样就不会抛出错误了)。

例如，在其他编程语言中，任何数值除以0都会导致错误，从而停止代码执行。但在JavaScrint中，任何数值除以0会返回NaN，因此不会影响其他代码的执行。
再比如，我们我们用中文去减去一个数字("你好吗"-10)此时得不到一个数字，就返回NaN

JavaScript中有一个isNaN()函数，这个函数接受一个参数，该参数可以使任何类型，而函数会帮我们确定这个参数是否"不是数值"。

isNaN()

如果里面是个数字 返回的是false?
如果里面不是个数字返回的是 true

alert(isNaN(10));//false

alert(isNaN("blue"));//true

后面我们经常用它做判断用户输入的是不是一个数字。比如用户输入手机号，只能输入数字。

5.2字符型 string

此类型用来表示字符串。字符串可以由单引号(()或双引号(")表示。
比如:"你好吗"，'hello,damao!!,"123"
只要添加了引号的都是字符型!

5.3 布尔型 boolean

看名字很高大上，其实就是逻辑型，对与错。
它只有2个值，ture 和 false
比如:
var flag = true;
这个flag就是布尔型变量。

5.4 未定义型undefined

未定义是值我们声明变量了，但是没有给值。
比如:
var num;
此时，这个num 就是一个未定义数据类型

5.5 空型 null

空、无。表示不存在。
可以通过将变量的值设置为null 来清空变量。
var num = null;
数据类型为空型。

5.6检测数据类型typeof运算符

语法:
typeof something;
它返回值是一个字符串，该字符串说明运算数的类型。
比如:
console.log(typeof 123);
结果是:number
注意:因为它本身是运算符，它不是函数，使用时没必要加个小括号

5.7数据类型转换

5.7.1 什么是数据类型转换

使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。
我们通常会实现3种方式的转换:
1.转换为字符串类型
2.转换为数字型
3.转换为布尔型

5.7.2 转换为字符串

注意:

• toString()和 String()使用方式不一样

• 三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换。

5.7.3 转换为数字型(重点)

• 注意parselnt和parseFloat单词的大小写，这2个是重点
• 隐式转换是我们在进行算数运算的时候，JS 自动转换了数据类型。
• 使用isNaN会使用Number进行隐式转换

Number()可以把任意值转换成数值。
比如:
Number("123")结果就是数值型的123
Number("中国")结果是NaN
Number(22px')结果是NaN注意和下面parselnt的区别
利用parselnt、parseFloat 函数转换
parseFloat()把字符串转换成浮点数(小数)
parselnt()把字符串转换成整数
parselnt(22') // 22
parselnt(22px)//22这样是允许的注意和上面Number的区别
parselnt('hello22’;//NaN里面的数值内容必须以数字开头
parselnt(22.94);//22只会留下整数部分

还没写完等我继续补充