IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JS基础1 -> 正文阅读

[JavaScript知识库]JS基础1

JS

1、type=“text/javascript” 说明当前script标签中文本的类型
2、所有的JS代码都必须写在script标签里面
eg:
(1) alert(“hello”); //在页面上弹出警告框
【注】每一条JS语句后面都必须加分号,语法规范,当然,不加也可以
(2) document.write(“Hello”); //在当前文本上输入内容
3、JavaScript和HTML执行顺序
(1)JavaScript和HTML代码在同一个文件中写,它们的执行顺序是从上朝下,谁在前先执行谁,一般来说,没有特殊需求,JavaScript代码写在和中间,当然JavaScript代码写在html文件的任何地方都可以。
(2) JavaScript标签可以出现多个。可以引入多个script标签,多个script标签之间,顺序执行。
(3)js代码可以外部引入 src 引入外部文件
(4)如果当前script标签作用引入外部文件,这个script标签中,就不能再写代码了。
4、JavaScript注释
单行注释 // 快捷键:ctrl+/
多行注释 /**/ 快捷键:ctrl+shift+/
5、原样输出标签的内容
< 是“<”
> 是“>”
6、常量/字面量:确定的值
【注】JS中的数据类型分为两大类
<1>、基本数据类型
(1)数字 number 100,3.14
(2)字符串 string 所有带双引号/单引号 ‘hello’ “hello”
(3)布尔值 true false
(4)特殊数据类型 null空 undefined未声明
<2>、 复合数据类型
7、变量:值可以改变的叫做变量
(1)声明变量
通过关键字(系统定义的有特殊功能的单词) var
1> 声明变量的时候,同时给变量赋值,叫做初始化
(2)变量赋值
(3)可以同时定义多个变量,变量之间要使用逗号隔开
(4)标识符:用户自定义的所有名字叫做标识符。 变量名
规律:
1、标识符必须由数字、字母、下划线和美元符号$组成
2、不能以数字开头
3、标识符区分大小写,age和Age是两个变量
4、标识符必须简名思意
5、输入当前变量/常量的数据类型
【格式】typeof 变量/常量
【注】JS是弱语言,变量被赋值成什么类型就是什么类型,不要在后续的代码里改变该变量的数据类型,很容易引起代码歧义

	eg:
	var age = 18;
	age = 20;
	var name="a",age=18,sex="男";
var temp;     //temp时啥数据类型?不确定
temp = 12;    //temp变量时数字类型
temp = "hello";  //temp变量变成了字符串类型

8、 算数运算符
关系运算符
逻辑运算符
赋值运算符:将等号右边的值赋值给等号左边的变量
(复合赋值运算符):+= *= /= %=
【任何其他数据类型除了和字符串做相加操作外,与数字类型做算数运算的时候,其他数据类型都会自动的转成数字
布尔值 true => 1 false => 2
特殊数据类型中 null => 0 undefined => NaN】

   eg:
   var tmp = 1 *  “1”;//1
   var tmp = 1 /  “1”;//1  number
   var tmp = 1 + true;//2
   var tmp = 1 +  false;//1
   var tmp = 1 +  null;//1
   var tmp = 1 +  undefined;//NaN

自增、自减运算符

(1)任何类型的数据和字符串类型数据做相加操作的时候。其他数据类型会自动转换成字符串类型,字符串拼接。此时的相加操作不再是 数学意义上的加法,而是表示拼接的意思。
如果其中一个操作数是字符串的时候,+号叫做字符串拼接符

 eg:
    var tmp = "您"+"好"; 
    alert(tmp); //您好
 
   var tmp = "1"+1"; 
    alert(tmp); //11

   var tmp = "h"+true; 
    alert(tmp); //htrue

   var tmp = "h"+undefined; 
    alert(tmp); //hundefined

(2)任何数据除了和字符串做相加运算外,先要将字符串转成数字再进行运算。
<1>与NaN做算数运算的结果始终都是NaN,包括NaN本身和 NaN做运算结果也为NaN
<2> 字符串如果是纯数字字符串转成数字,否则转换成NaN

eg:
var tmp = 1-"2"; //字符串“2”转成了数字2
alert(tmp);  //-1

var tmp =1-"2a"; //NaN not a number  "2a" 转成数字NaN
alert(tmp);  //NaN

var tmp=NaN - NaN;
alert(tmp);  //NaN

(3)查看JS的语法错误:
1.火狐 fireBug
2.谷歌 chorme控制台
9、代码规范:
(1)注意层级缩进 tab = 四个空格
(2); , 后面都跟一个空格
运算符 = + 前后都应该空空格
(3)每一条语句后面都必须添加 ; 分号
10、表达式:运算符和操作数组成的式子
11、强制数据类型转化
(1)【注】通过方法Boolean()进行强制数据类型转换
【作用】将别的数据类型强制转换成布尔值

eg:
var tmp = Boolean(1);//true   -1也是true  非空字符串也是true
var tmp = Boolean(0);//false   空串也是false

【结论】
1)数字0转成布尔值为false,所有非0的数字转成布尔值都为true
2) 空字符串转成布尔值为false,所有非空字符串转成布尔值为true
3) null和undefined转成布尔值都为false
12、强制数据类型转化成数字
(1)Number()
将别的数据类型转成数字
1> 布尔值 true =>1 false=>0
2> 字符串 纯数字的字符串 => 对应的数字,否则NaN
3> 特殊数据类型 null=>0 undefined => NaN
(2)parseInt() 兼容Number的功能,取整
(3)parseFloat()取浮点数 带小数的数字 可以将别的数据类型转成成数字
【注】当除数为0时

eg:
var tmp = 1 / 0 ;// 	Infinity无穷大
var tmp = -1 / 0 ;// 	-Infinity无穷小
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-01 11:49:53  更:2021-09-01 11:51:25 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 13:02:46-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码