JavaScript基础

2022/7/26 1:22:56

本文主要是介绍JavaScript基础,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

初识JavaScript

一、JavaScript的组成及用途

  1. 核心(ECMAScript):描述了该语言的语法和基本对象。
  2. 文档对象模型(DOM):描述处理网页内容的方法和接口。
  3. 浏览器对象模型(BOM):描述与浏览器进行交互的方法和接口。

二、编写Js及如何运行Js

  1. Html标签内部编写JavaScript代码--不推荐使用。
  2. Html文件内部编写JavaScript代码。
  3. 通过标签引入外部的.js文件

三、变量的数据类型

基本数据类型:number数字 、 string字符串、boolean布尔值、undefined未定义、null空对象。
引用数据类型:object
【使用typeof来查看对应的类型】

四、数据类型的转换

1、将其他数据类型转换为String
调用被转换类型的toString()方法
var str1 = number1.toString()
2、将其他数据类型转换为Number
(1)Number方法(直接转number类型)
(2)使用parseInt方法(转整型)
(3)使用parstFloat方法 (转小数)

var str2 = "1a123.12a"
console.log(Number(str2));//当你将一个内容转为的数值过程中无法被解析就会出现NaN
//从前到后拿出里面的数值 前面没有数值变成NaN
console.log(parseInt(str2));
console.log(parseFloat(str2));
//将boolean类转为number类型 (false 0 true 1)
console.log(Number(true)) //1
console.log(Number(false)) //0
//将对应的undefined和null转为number
var un
console.log(Number(un)) //NaN
console.log(Number(null)) //0

3、将其他数据类型转换为Boolean
使用Boolean方法将其转为布尔类型

//将字符串转为对应的boolean类型
var str ="abc"
//转为boolean类型 非空就是true 空字符串表示false
var b = Boolean(str) //true
var b1 = Boolean('') //false
//将number转为布尔类型
var number1 = 10
//number转布尔 非0和非NaN则为true NaN和0就是false
console.log(Boolean(number1))//true
console.log(Boolean(0))//false
console.log(Boolean(NaN))//false
//将undefined和对应的null转为boolean(false)
console.log(Boolean(un)) //false
console.log(Boolean(null)) //false

4、isNaN 是NaN返回true不是返回false(not a number)

// isNaN  指 是NaN返回true不是返回false(not a number) 
var a = 10;
 console.log(isNaN(a)); //false

// 转换成number类型成功
var str = "123";
console.log(isNaN(Number(str))); //false

// 转换成number类型失败
var str = "abc";
console.log(isNaN(Number(str))); //ture

五、运算符和表达式

算术运算
+ - * / % ++ --
逻辑运算
&& 与(同true则为true) || 或 (有true就是true) ! 非(取反)
比较运算
> < >= <= == != ===(全等 俩个类型和对应的值一模一样 这个俩个是一个东西)
赋值运算
= += -= / = * = % =
位运算(转为二进制再进行位的变化运算)
>> 右移 << 左移 ~~ 去掉小数



这篇关于JavaScript基础的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程