javascript常用知识点总结
时间:2019-06-12
本文章向大家介绍javascript常用知识点总结,主要包括javascript常用知识点总结使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
一、常用知识点
1、赋值
var x=10
y=x
console.log(x) #10
console.log(y) #10
2、比较运算符
== | ===
console.log("5"==5)#True 只做值比较
console.log("5"===5)#False 比较值及类型
!= | !==
console.log("5"!=5)#False 只做值比较
console.log("5"!==5)#True 比较值及类型
二、分支语句
1 、if 分支语句
var salary=prompt("请输入所发工资");
if (salary>0){
console.log("发工资了,开始还债了");
salary-=10000;
if (salary>0){
console.log("我要去美丽的土耳其");
}
else if (salary==0){
console.log("我又是大穷逼了");
}
else{
console.log("欠债还钱。。。。,还欠%d",-salary);
}
}else
{
console.log("我的工资还没有发")
}
2、switch语句
格式:
switch (条件表达式(结果为整数或者字符串的表达式)){
case 值1:代码块;break;#break可以省略
case 值2:代码块;break;
default:代码块3
}
语法:
var num=prompt("请输入一个自然数:") #默认输入的是字符串类型
var num=+num #将num从字符创类型转化成整数类型
switch (num){
case "0":console.log("用户输入的是0");break;
case "1":console.log("用户输入的是1");break;
case 1:console.log("用户输入的是整数1");break;
default:console.log("用户输入的是非0、1的自然数");
}
var month=+prompt("请输入月份:")#%d只能进行整型的插入,+将输入转化成整型
switch (month){
case "1":case "3":case "5":case "7":case "8":case "10":case "12":console.log("%d的天数是31天",month);break;#若没有break,会继续向面运行,打印下面的两条信息
case "4":case "6":case "9":case "11":console.log("%d月的天数是30天",month);break;
default:console.log("%d的天数是28天",month);
}
三、循环结构
1、格式:(所有的for循环都可以转化成while循环)
#while循环
while (条件表达式){
代码块
}
#while 循环
var count=0;
while (count<5){
console.log("hello javascript!!");
count++;
}
#for循环
for (var i=0;i<5;i++){
console.log("hello javascript!!")
}
#####定义变量及条件变化可以向外提出来,不过分号不能提出来
var i =0
for (;i<5;)i++{
console.log("hello javascript!!")
}
2、break | continue的用法
#结果跳过了i=3的打印
for (var i=0;i<5;i++){
if (i==3) continue;
console.log("hello javascript!!")
}
#结果只打印i=0,1,2
for (var i=0;i<5;i++){
if (i==3) break;
console.log("hello javascript!!")
}
3、do while循环(无论条件成不成立,循环体都会执行一次)
var num=0;
do{
console.log("javascript");
num++;
}while(num<5);
4、for …. in 循环
四、异常处理
try{
代码块;
}catch(条件){
代码块;
}
finally{
代码块;
}
五、函数
1、定义:具有特定功能的代码块
2、函数分类
无参函数
function f1(){
console.log()
}
f1();
有参函数
function f1(a,b){
console.log("两数之和:",a+b)
}
f1(2,3);
匿名函数
#将函数的运行结果赋值给一个变量
var f3=function (){
console.log()
}
f3()
匿名函数的自调用
(function (){
console.log("ddd")
})()
匿名函数的用法(产生局部空间)
<script>
(function (){
let num=10
})()
#{
let num=10;#另一种产生局部空间的方法
}
</script>
<script>
console.log(num) #通过匿名函数产生局部空间,下面就调用不到局部空间里面的变量
</script>
3、函数只能返回一个值,若想返回多个值,可以放到一个容器中返回
六、函数的包
#为了使用函数的局部变量
function fn1(){
var num=10
function fn2(){
return num
}
return fn2
}
var fn1_1=fn1()
var num=fn1_1()
console.log(num)
====>10
七、js面向对象
1、语法结构
var obj={
#属性
name:"alex",
#方法
teach:function(){
console.log();
}
}
#+++++++++++++++
#调用name属性
console.log(obj.name)
#执行函数
obj.teach()
2、构造函数
1、概念:构造函数采用大驼峰命名方式
//ES5语法
function Person(name){
this.name=name;
this.teach:function (){
console.log(this.name)
}
}
#调用函数属性
var p1=new Person("alex");
var p2=new Person("tom");
console.log(p1.name);==>alex
console.log(p2.name);==>tom
p1.teach();===>alex
p2.teach();===>tom
2、类
//ES6语法
class Student{
//创建构造函数完成对象的声明和初始化
constructor(name){
this.name=name;
}
teach(){
console.log(this.name)
}
//类方法
static fn(){
console.log("我是类方法。。。")
}
}
//实例化类的对象
let sut1=new Student("alex");
//使用类的属性和方法
console.log(sut1.name)
sut1.teach()
//调用类方法
Student.fn()
//功能类(工具类)一般都编译为类的方法
class Tool{
static max(num1,num2){
return num1>num2?num1:num2;
}
}
console.log(Tool.max(666,888))
原文地址:https://www.cnblogs.com/chuwanliu/p/11011674.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Centreon+Nagios实战第八篇——Nagios+Centreon添加监控服务
- Centreon+Nagios实战第九篇——利用nrpe插件监控本机
- 第四篇 CentOs7下安装Zabbix
- 第十三篇 zabbix创建Item
- 第十四篇 zabbix创建自定义Item
- 【性能】688- 前端性能优化——从 10 多秒到 1.05 秒
- 第十六篇 zabbix创建Trigger
- 如何通过程序(java代码)提高你的博客访问量
- zabbix_get [12429]: Check access restrictions in Zabbix agent configuration
- 【设计模式】689- TypeScript 设计模式之观察者模式
- Found a swap file by the name ".jsidInspector.py.swp"
- CentOs7下部署tomcat文件服务器
- 【拓展】未来的JavaScript记录与元组
- 【Vuejs】690- Vue新特性:CSS 中使用 JS 变量
- Zabbix监控之从Kafka中获取消费进度和lag