本篇文章分享初始JavaScript，对你有帮助的话记得收藏一下，看Java资料网收获更多编程知识

初始JavaScript

JavaScript了解：

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

JavaScript概述：

JavaScript 是一种嵌入式（embedded）语言。

JavaScript 是一种轻量级的脚本语言。它是单线程的语句（一个线程解析），是一门弱语言（没有固定的类型划分 你给定它的值是什么类型，它就是什么类型），作为脚本语言它可以实现侵入xss攻击。

JavaScript 是一种“对象模型”语言。

它提供的额外 API 可以分成三大类。

• 浏览器控制类：操作浏览器

• DOM 类：操作网页的各种元素

• Web 类：实现互联网的各种功能

它是怎么被解析的？有浏览器的的地方就能解析对应的JavaScript，通过V8引擎实现。

JavaScript包含的内容：

构成三方面：ESMA Script（基本语法及相关对象 es3、es5、es6、es7...），DOM（文档对象模型 操作HTML），BOM（浏览器对象模型 操作浏览器）

JavaScript的入门

书写方式：

1、书写在script标签里面：

<script>
    //语句书写
    console.log("hello world")
</script>

2、书写在js文件里面（推荐）

console.log('hello world123')

引入js文件

<script src="./index.js"></script>

3、书写对应的属性里面（比较少用）

<a href="javascript:void()">去百度</a>

<a href="#" onclick="alert('hello world')"></a>

变量定义（使用var 关键词声明）

//var 变量名 = 值
var number = 10

变量名的书写（见名知意 区分大小写）

1、只能是对应的字母或者数字或者下划线等字符（不能以数字开头）

2、一般采用驼峰命名法（hello World 采用单词拼接 第一个单词首字母小写 其他单词首字母大写）

3、不能使用关键词

4、普通变量首字母小写 常量全大写（const）

注释（相当于解释这句话 这个注释不会被翻译）

单行注释 Ctrl + /

//单行注释

多行注释 Alt + Shift + A

/* 多行注释 */

数据类型（检验值类型 基本数据类型）

number类型（所有的数值）

字符串类型String（单引号 双引号 都是字符串）

boolean类型（true false）

null 空类型（是null值的情况下才是空值）

undefined未定义（当前没有给值 没有被定义）

object（对象类型 引用数据类型）

使用typeof来查看对应的类型（基本数据类型返回的是对应的类型名 null类型object）

//类型查看typeof 查看对应的类型的 null显示的是object undefined是对应的null的对象扩展
console.log(typeof nummber1);
console.log(typeof bool);
console.log(typeof un);
console.log(typeof nl);
console.log(typeof str);

类型转换

number类型转为String（string>number 隐式转换 toString方法）

//将对应的number类型转为string类型
var strl = nummber1.toString();
console.log(typeof nummber1);

string转为number（显示转换）

1、number方法（直接转number类型）

2、使用parseInt（转整型/整数）

3、使用parseFloat方法（转小数）

var str2 = "1a123.12a"
console.log(Number(str2));//当你将一个内容转为的数值过程中无法被解析时就会出现NaN
//从前到后拿出里面的数值 前面没有数值就会变成NaN
console.log(parseInt(str2));
console.log(parseFloat(str2));

 

isNaN 是NaN 返回true 不是返回false

var a = 10
console.log(isNaN(a)) //false
var str = 'abc'
console.log(isNaN(Number(str))) //true

无穷大 无穷小（Infinity）

//无穷大
var max = Infinity
console.log(max>100);//true
//无穷小
var min = -Infinity
console.log(min<-1);//true

将字符串转为对应的boolean类型

Boolean方法 转为布尔类型

var str = "abc"
//转为boolean类型 非空就是true 空字符串表示false
var b = Boolean(str) //true
var b2 = Boolean() //false
console.log(b,b2)

将number转为布尔类型

var number1 = 10
//number转布尔 非0即为true NaN 
console.log(Boolean(number1));  //true
console.log(Boolean(0))   //false
console.log(Boolean(NaN)) //false

将undefined和对应的null转为boolean（false）

var un
console.log(Boolean(un))    //false
console.log(Boolean(null))  //false

将boolean类型转为number类型（false 0 true 1）

console.log(Number(false))
console.log(Number(true))

将对应的undefined和null转为number（0）

var un
console.log(Number(un))  //NaN
console.log(Number(null))//0

预算符和表达式

算术运算（加减乘除）

+ - * / % ++ --

自增和自减的前置和后置的区别：

前置先执行对应的++（--）再执行对应的代码

后置先执行对应的代码 再执行++（--）

逻辑运算

&& 与（同true则为true）|| 或（有true就是true） ！ 非（取反）

比较运算

> < >= <= != ===(全等 俩个类型和对应的值一模一样 这俩个是一个东西)

赋值运算

= += -= /= *= %=

var j = 10
j += 100 //110
j /= 10 //11
j *= 5 //55
console.log(j);

位运算

>> 右移 << 左移 - 去除小数

计算顺序 先括号里面的 再进行乘除取余 再进行+- 再进行比较运算 再逻辑运算 再进行赋值

 

三元运算符（三目运算符）

表达式（Boolean类型表达式）？true的内容：false的内容
var a = 10
var b = 20
a>b?10:20 //20
'123a'/10?'hello':'hi'//hi
console.log(a > b ? 10 : 20); //20
console.log('123a' / 10 ? 'hello' : 'hi'); //hi

number对应的方法

保留几位小数的方法

var number1 = 3
var number2 = 10
//默认的大小是16位  是2^-32  整数位也是16位  超出不能显示（存在问题 后续解决）
console.log(number2 / number1); //3.3333333333333335
//保留小数(方法会优先调用)  当前这个方法会保留小数  但是会变成字符串（黑色）
console.log((number2 / number1).toFixed(2));

 

文章来源:https://www.cnblogs.com/sure627/p/16518104.html
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：jacktools123@163.com进行投诉反馈，一经查实，立即删除！