## 1、javascript概念
### 1、什么是javascript
? javascript简称 JS,是运行在 javascript 解释器的解释型脚本语言
? 浏览器自带JS解释器
编译型:运行之前先检查语法是否正确,不正确是不能运行的。比如:Java、C、C++、c#..
解释型:运行之前不需要检查任何东西,碰到错误时,就会停止运行比如:javascript PHP
javascript解释器
1、独立安装js解释器(Node.js软件)。
2、浏览器也自带javascript解释器
支持javascript的设备:PC/PHONE/PAD/机顶盒/手表...都支持javascript
### 2、javascript的组成:
? 核心语法:ECMAScript(ES3/ES5/ES6) - 内功心法
? 文档对象模型:Document Object Model(DOM) - 操作文档(HTML/CSS)
? 浏览器对象模型:Browser Object Model(BOM)- 操作浏览器,用的比较少
### 3、javascript的特点
? 1、代码可以容任何文本编辑工具编写
? 2、无需编译,解释型语言,由javascript解释器进行解释
? 3、弱类型语言:由数据 确定 数据类型
? 1 number
? "1" string
强类型语言:是由数据类型 绝对 保存的数据是什么
4、面向对象的脚本语言(基于对象) - 属性和方法
### 4、javascript的用途
? 1、客户端的javascript
? 1、客户端的数据的计算(购物车)
? 2、表单的验证(满足一些规则才允许你提交)
? 3、浏览器事件的触发和处理(点击、移入移除、滚动、键盘、鼠标)
? 4、网页特效
? 5、服务器端异步交互:ajax
2、服务器端的javascript(Node.js)
### 5、js的使用方式
? 1、js可以直接在HTML中使用,不符合内容(HTML)与样式(CSS)与行为(JS)的分离的原则
? 2、工作中:
? 先建立一个js文件
? 然后在HTML中进行引入:
<script src="xx.js">不要再在这里写代码</script>
----------------------------------------------------------------------------------
##### 1、JS调试
? 1、代码运行期间,如果碰到错误,解释器会将他终止,但是后续代码块会继续执行
? 2、如果程序逻辑出现错误
? 逻辑错误,并非语法错误,有可能不会报错
? *通过 console.log(); //输出,调试
? 何时使用:如果没有报错,但是出现的最后结果不是你想要的,那么就打桩输出
##### 2、JS语法规范
? 1、语句
? 被javascript解释器所执行的代码,就是JS语句
? 由 表达式、关键字、运算符 组成
?
表达式:1+2;
关键字:var;
运算符:+ - * /
语句是 严格区分大小写的
console.log(); //对
console.LOG(); //错误
2、注释
单行注释://
多行注释:/**/
3、变量和常量 wwwh(what when why how)
硬盘:存储数据、文件(外部存储器)
CPU:中央处理器
内存:是[临时保存]程序在运行过程当中,所需要用到的数据
这是一段临时的数据
内存空间:保存数据的一个地方
内存地址:内存空间的门牌号,0x0000000000001ab2scaeq,如果地址过长的话
可以给内存起一个别名,方便记忆
1、什么是变量
变量就是内存中的一段内存空间,主要目的就是为保存数据
何时使用:以后只要反复使用的数据,都要保存起来
变量就是值可以重新改变的量
2、变量的声明(定义、创建);
通过 var 关键词声明
语法:var 变量名;
var name;
var age;
var gender;
3、赋值:通过 = 完成对变量的赋值
=:赋值符号
语法:变量名=变量值; --> 赋值表达式
var age;
age=27;
age=28;
注意:如果之声明变量,没有赋值的话,会被自动赋值为undefined!
问题:在程序中,声明5个变量,分别保存姓名,性别,年龄,身高,体重??
var name;
var gender;
var age;
var height;
var weight;
解决:通过 一条语句同时声明多个变量;
语法:var 变量名1,变量名2,...;
var name,age,height,gender,weight;
注意:在声明变量时,是可以省略var的,但是绝对不建议这么写,有可能造成全局污染
但是有时候确实会污染一下。
4、变量名 命名规范
1、不能使用JS的关键词和保留关键字进行命名
2、具体的命名规范
1、由字母、数字、下划线、以及$组成
var name1;
var name+;//错
var name%;//错
2、不能以数字开头
3、尽量的见名只意
var name;
var age;
var xingming; //尽量不要用
4、可以采用下划线命名,驼峰命名法
news_footer
newsFooter
user_name
userName
5、声明变量时,可以直接赋值
语法:var 变量名=变量值;
初始化:声明变量后,第一次为变量赋值的过程,就叫做初始化
6、变量的使用
1、获取变量的值
直接使用变量名
1、打印 或 输出变量
var age=26;
console.log(age);
注意:使用时,不能加"",不加""是对变量的值进行使用
2、使用变量的值进行赋值;
var age=26;
newAge=age;
注意:如果变量出现在 = 的右边,则为使用当前变量的值;
3、未经初始化的变量
变量在声明定义之后,没有进行赋值的操作,直接使用变量,值为undefined
以后见到undefined,说明变量存在,只是没有赋值
4、直接使用 未声明的变量
语法报错!
5、各个不同类型的变量的使用
1、赋值为 数字(整数、小数)
var age=26;
var score=85.5;
2、赋值为 字符串
var str="" 或者 ‘‘括起来,注意一定要是英文状态下的符号
总结:var name="代越";
2、运算符
1、算数运算符
+ - * / %
+:如果两边的操作数都是数字的话,+做的就是两个数字的相加操作
只要有一个是字符串的话,那么做的就是 连接 的操作
var num1 = 15;
var num2 = 18;
var result=num1+num2;
console.log(result);//33
var name="张三丰";
var age=93;
var result=name+age;
//var result="张三丰"+93;//"张三丰93";
%:取余:取两个操作数运算结果的余数的
俗称:模
作用:
1、获取某数字的最后n位
1234%10 -- 4
1234%100-- 34
2、算奇偶数(或某数字的倍数)
num%2:看结果,知道到底是奇数还是偶数
3、常量
1、什么是常量
在程序中,一旦被声明好,就不允许改变的数据
2、什么时候使用常量
一天 24 个小时
一年 365/366 天
圆周率:PI:3.1415926
3、如何声明常量
语法:const 常量名=常量值;
练习:定义一个圆的半径,计算该圆的周长和面积
周长:2*PI*r
面积:PI*r*r
如何让用户输入:var r=prompt("提示文字","默认值");
如何将字符串变为数字:parseInt/Float(str);
-----------------------------------------------------------------------------------
2、数据类型
数据类型不同能够做的操作就不一样
数据类型决定的开辟内存的大小
bit:位
byte:字节
kb:千字节
mb:兆字节
gb:
tb:
数据类型的分类
1、原始类型的值
1、number
2、string
3、boolean - 布尔:只有两个值true或false
4、undefined - 只有一个值undefined
5、null - 空,释放变量
2、引用类型的对象(11个)
————————————————
版权声明:本文为CSDN博主「社会社会」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_42229667/article/details/105235234
原文地址:https://www.cnblogs.com/lanbai/p/12635168.html