认识JavaScript
Posted So istes immer
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了认识JavaScript相关的知识，希望对你有一定的参考价值。
目录
1.javascript是什么
JavaScript是一种运行在客户端的脚本语言
脚本语言：不需要编译，运行过程由js解释器（js引擎）逐行来进行解释和执行
现在也可以基于node.js技术进行服务端编程
html/CSS标记语言 - 描述类语言
JS脚本语言 - 编程类语言
2.JavaScript的作用
表单动态验证（js最初的目的）
网页特效
服务端开发（node.js）
桌面特效（Electron）
App（Cordova）
控制硬件-互联网（Ruff）
游戏开发（cocos2d-js）
3.浏览器执行JS的过程
浏览器分为两部分：渲染引擎和JS引擎
渲染引擎：用来解析HTML/CSS，俗称内核。比如chrome的blink，老版本的webkit
JS引擎：也称为JS解释器。用来读取网页中的JS代码，对其处理后执行，比如chrome浏览器的V8
浏览器本身并不会执行JS代码，而是通过内置JS引擎来执行JS代码
JS引擎执行代码时，逐行解释每一句源码（转换为机器语言），然后由计算机去执行
4. JS组成
ECMAScript、DOM、BOM
①ECMAScript规定了JS的编程语法和基础核心知识
②DOM：文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口
通过DOM提供的接口可以对页面上的各种元素进行操作（大小、颜色、位置）
③BOM：浏览器对象模型，它提供了独立于内容、可与浏览器窗口进行互动的对象结构。
通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等
5.JS的三种书写方式
行内式
<button onclick="alert('病树前头万木春')">沉舟侧畔千帆树</button>内嵌式
<head>
<meta charset="utf-8">
<title></title>
<script>
alert('沉舟侧畔千帆树')
</script>
</head>外部式
<head>
<meta charset="utf-8">
<title></title>
<script src="my.js"></script>
</head>6.输入输出语句
alert() 弹出警示框
console.log 控制台输出
prompt() 弹出输入框
7.数据类型
简单数据类型(Number、String、Boolean、Undefined、full)
复杂数据类型(object)
js中数值的最大值：Number.MAX_VALUE
最小值：Number.MIN_VALUE
数字型中三个特殊值：Infinity：无穷大、-Infinity：无穷小、NaN（not a number非数值）
<script>
console.log(Number.MAX_VALUE)
console.log(Number.MIN_VALUE)
console.log(Number.MAX_VALUE * 2)
console.log(-Number.MAX_VALUE * 2)
console.log(Infinity)
console.log(-Infinity)
console.log('啦啦啦' - 100)
</script>
①isNaN()方法用来判断非数字
<script>
console.log(isNaN(12)) //false
console.log(isNaN('I love you')) //true
</script>②字符串的使用
引号嵌套：可以外双内单，也可以外单内双
\\n 换行符 n的含义：newline
求字符串长度
let str = 'I love coding'
console.log(str.length)字符串的拼接
字符串类型+任何类型=字符串类型
变量不要写在字符串里面
let age = 18
console.log('永远' + age + '岁')小案例
let age = prompt('请输入你的年龄')
let str = '你今年' + age + '岁了'
alert(str)③boolean、undefined和null
let flag = true
console.log(flag + 1)
let flag2 = false
console.log(flag2 + 1)
let str
console.log(str)
let variable = undefined
console.log(variable)
console.log(variable + 1)
let space = null
console.log(space)
console.log(space + 1)
console.log(space + 'ok')
④typeof检测变量数据类型
let num = 10
console.log(typeof num)
let str = 'you are beautiful'
console.log(typeof str)
let flag =true
console.log(typeof flag)
let vari = undefined
console.log(typeof vari)
let timer = null
console.log(typeof timer)
以上是关于认识JavaScript的主要内容，如果未能解决你的问题，请参考以下文章