认识JavaScript

漂流の少年

已于 2022-02-21 18:43:13 修改

阅读量656

点赞数 1

分类专栏： HTML+CSS+JavaScript 文章标签： javascript

于 2021-07-24 18:02:38 首次发布

本文链接：https://blog.csdn.net/YINZHE__/article/details/119061518

版权

HTML+CSS+JavaScript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

浏览器分为两部分：渲染引擎和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)

⑤转换为字符串类型

toString方法、String方法、用‘+’号拼接（隐式转换）

let num = 10
let str = num.toString()
console.log(str)            //10
console.log(typeof str)     //string
console.log(String(num))    //10
console.log(num + '')       //10

⑥转换为数字型

parseInt、parseFloat、Number()、利用算术运算隐式转换('10' - 0)

⑦转换为布尔型

Boolean()函数
代表空、否定的值会被转换成false，如''、0、NaN、null、undefined
其余的值都会被转换成true

漂流の少年

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
认识JavaScript

1.JavaScript是什么JavaScript是一种运行在客户端的脚本语言脚本语言：不需要编译，运行过程由js解释器（js引擎）逐行来进行解释和执行现在也可以基于node.js技术进行服务端编程HTML/CSS标记语言 - 描述类语言JS脚本语言 - 编程类语言2.JavaScript的作用表单动态验证（js最初的目的）网页特效服务端开发（node.js）桌面特效（Electron）App（Cordova）控制硬件-互联网（Ruff）游戏开发（coco
复制链接

扫一扫