程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2021-06-07

发布于2021-06-20 18:27     阅读(684)     评论(0)     点赞(27)     收藏(4)


JavaScript

在这里插入图片描述

ECMAScript

是一种由Ecma国际(前身为欧洲计算机制造商协会),定立ECMA-262标准化的脚本程序设计语言。规定了 JavaScript 脚本的核心语法,如 数据类型、关键字、保留字、运算符、对象和语句等。

B0M

定义了 JavaScript 操作浏览器的接口,提供了访问某些功能(如浏览器窗口大小、版本信息、浏览历史记录等)的途径以及操作方法。
##dom
定义了 JavaScript 操作 HTML 文档的接口,提供了访问 HTML 文档(如body、form、div、textarea等)的途径以及操作方法。

DOM

自然语言

人与人交流时传递信息的载体。

机器语言

人与机器交流信息时传递信息的载体。

js编写和运行

两种方法

1.网页内:直接添加JS代码内联代码片

<input type="button" value="点我试试" onclick="alert('Hello World')" />

2.网页外:通过标签的src属性,引入外部JS文件下面展示一些 内联代码片

<script>  alert('Hello  World~!'); </script>

书写

  1. js的代码必须写在script标签的范围内 下面展示一些
  2. document.write等价一个工具,功能为将()之间的内容打印至大白板
  3. 函数使用方法
    (1)[1]document.write(打印至大白版的内容);
    [2]{语句 = 表达式 + 分号;
  4. 通常我们将script写在html标签后,为了解决某些烦恼
  5. 通过src引入的script,内部是不可以在添加代码的
  6. 注释 (1)//单行注释; // 我是一行文字,不想被 JS引擎 执行,所以 注释起来
    (2)/多行注释/;/* 获取用户年龄和姓名 并通过提示框显示出来 */

(3) 选中内容+//单行注释快捷键 ctrl + /;// 用来注释单行文字( 快捷键 ctrl + / )
7. 常量:在程序运行的过程中,其值不可以改变的量
8. [1]关键字:拥有某种特殊含义的单词;[2]var:告知编译器后面的标识符是一个变量; [3]标识符:由数字,字母,下划线,$构成且首字母不能为数字,其次不要库函数与关键字重名

JavaScript 中的简单数据类型及其说明如下

在这里插入图片描述
数字型 Number JavaScript 数字类型既可以保存整数,也可以保存小数(浮点数)。
数字型进制
最常见的进制有二进制、八进制、十进制、十六进制。
现阶段我们只需要记住,在JS中八进制前面加0,十六进制前面加 0x

isNaN
用来判断一个变量是否为非数字的类型,返回 true 或者 false
var age = 21; // 整数 var Age = 21.3747; // 小数
// 1.八进制数字序列范围:0~7 var num1 = 07; // 对应十进制的7 var num2 = 019; // 对应十进制的19 var num3 = 08; // 对应十进制的8 // 2.十六进制数字序列范围:09以及AF var num = 0xA;

字符串拼接

多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接 之后的新字符串 拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串

布尔型Boolean

布尔类型有两个值:true 和 false ,其中 true 表示真(对),而 false 表示假 (错)。
var strMsg = “我是帅气多金的程序猿!”; alert(strMsg.length); // 显示 11
//1. 字符串 “相加” alert(‘hello’ + ’ ’ + ‘world’); // hello world //1.2 数值字符串 “相加” alert(‘100’ + ‘100’); // 100100 //1.3 数值字符串 + 数值 alert(‘11’ + 12); // 1112
console.log(‘老师’ + 18); // 只要有字符就会相连 var age = 18; console.log(‘老师age岁啦’); // 这样不行哦 console.log(‘老师’ + age); // 老师18 console.log(‘老师’ + age + ‘岁啦’); // 老师18岁啦
布尔型和数字型相加的时候, true 的值为 1 ,false 的值为 0。

Undefined Null

一个声明后没有被赋值的变量会有一个默认值undefined

字面量

字面量是在源代码中一个固定值的表示法,通俗来说,就是字面量表示如 何表达这个值。 数字字面量:8, 9, 10 字符串字面量:‘千峰教育’, “web全栈” 布尔字面量:true,false

数据类型转换

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

运算符分类

运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符 号。
JavaScript中常用的运算符有:
算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符

递增和递减运算符

递增和递减运算符概述 如果需要反复给数字变量添加或减去1,可以使用递增(++)和递减( – )运算符 来完成。
递增运算符
前置递增运算符 ++num 前置递增,就是自加1,类似于 num = num + 1,但是 ++num 写 起来更简单。 使用口诀:先自加,后返回值

后置递增运算符

num++ 后置递增,就是自加1,类似于 num = num + 1 ,但是 num++ 写 起来更简单。 使用口诀:先返回原值,后自加

比较运算符

比较运算符概述
概念:比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较 运算后,会返回一个布尔值(true / false)作为比较运算的结果。

逻辑运算符

逻辑运算符概述
概念:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面 开发中经常用于多个条件的判断

赋值运算符

概念:用来把数据赋值给变量的运算符
在这里插入图片描述
保留字
保留字:实际上就是预留的“关键字”,意思是现在虽然还不是关键字,但是未来可能会成 为关键字,同样不能使用它们当变量名或方法名。
在这里插入图片描述

原文链接:https://blog.csdn.net/Wave_explosion/article/details/117672672




所属网站分类: 技术文章 > 博客

作者:大哥你来啦

链接:http://www.qianduanheidong.com/blog/article/135979/4ecec2cd82f0d09d700c/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

27 0
收藏该文
已收藏

评论内容:(最多支持255个字符)