JS基础知识二
JS控制语句
switch 语句用于基于不同的条件来执行不同的动作
<script>
function myFunction(){
var x;
var d=new Date().getDay();
switch (d){
case 0:x="今天是星期日";
break;
case 1:x="今天是星期一";
break;
case 2:x="今天是星期二";
break;
case 3:x="今天是星期三";
break;
case 4:x="今天是星期四";
break;
case 5:x="今天是星期五";
break;
case 6:x="今天是星期六";
break;
defult:x="期待周末";
}
//每条case语句过后必须要加上break,当case语句里面的条件不满足时,执行defult里面的内容
//break 跳出当前循环或者语句,continue中断本次循环进行下次循环
document.getElementById("demo").innerHTML=x;
}
</script> </body>
</html>
JS异常及手动异常捕获
<script>
function ()
{
try{
throw("手动抛出异常");
}
catch(err){
console.log("异常",err)
}
finally{
alert("不论是否发生异常都会执行")
}
}
</script>
JS this关键字
面向对象语言中 this 表示当前对象的一个引用。
但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。
- 1、在对象方法中, this 指向调用它所在方法的对象。
- 2、单独使用 this,它指向全局(Global)对象。
- 3、函数使用中,this 指向函数的所属者。
- 4、严格模式下函数是没有绑定到 this 上,这时候 this 是 undefined。
- 5、在 HTML 事件句柄中,this 指向了接收事件的 HTML 元素。
- 6、apply 和 call 允许切换函数执行的上下文环境(context),即 this 绑定的对象,可以将 this 引用到任何对象。
具体实列见菜鸟教程(https://www.runoob.com/js/js-this.html)
JS对象知识补充:实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> <button onclick="history.back()">back</button> <script>
//在javascript中所有的对象都继承自Object对象 //创建字符串的两种方式
var str1="hello";//已基本数据类型进行创建 var str2=new String("hello2");//按照堆的方式,进行字符串对象创建 /*<!--console.log(typeof str1)-->
<!--console.log(typeof str2)-->*/ //字符串的属性
console.log(str2.length) //字符串的方法
//编排方法
//console.log(str1.blood()) // //截取字符串 substring
// console.log(str1.substr(1,3))
// console.log(str1.substring(1,3)) // console.log(str1.slice(1,4)) // // ---------Array-----------
// //创建方式
// var arr1=[1,"hello",{"name":"alex"},[11,2]]
// var arr2=new Array(4)//限定数据大小size=4
// var arr3=new Array(1,2,3,4,5) // console.log(typeof arr1)
// console.log(typeof arr2)
// console.log(typeof arr3) // //Array对象的属性
// console.log(arr1.length) // //Array对象的方法
// //join方法拼接,返回一个字符串
// var arr5=[1,2,3]
// console.log(typeof arr5.join("**")) // //Tostring(),Object对象所拥有的方法,将其他类型转换为字符串
// console.log(arr1.toString())
// console.log(typeof arr1.toString() ) // //concat()
// var arr5=[1,2,3]
// console.log(typeof arr5)
// var ret3 =arr5.concat([5,66])
// console.log(ret3) //reverse 反转
var arr6=[23,45,37,100,1000]
console.log(arr6.reverse()) console.log(arr6.sort())//按最高位数字排序 function f(a,b) {
// body...
if(a>b){
return 1
} else if(a<b){
return -1
}
else{
return 0
}
} function f2(a,b){
return a-b
}
console.log(arr6.sort(f))
console.log(arr6.slice(1,4)) //删除子数组 x.splice(start,deleteCount,value)
//start:从哪个位置开始 deleteCount删除的个数 //数组的进出:栈操作
//push pop -->后进先出
// var arr7=[1,2,3];
// arr7.push(7,8,9)//在数组末尾添加数据
// arr7.push([12,34,78])
// console.log(arr7) // console.log(arr7.pop()); //shift unshift -->栈操作后进先出
var arr8=[4,5,6]
arr8.unshift(11,222);
arr8.unshift(true,{"name":"alex"});
console.log(arr8) arr8.shift();
console.log(arr8)
</script>
</body>
</html>
JS_object
JS基础知识二的更多相关文章
- [JS复习] JS 基础知识
项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display :inline or bloc ...
- HTML+CSS+JS基础知识
HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...
- Node.js基础知识
Node.js入门 Node.js Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...
- java 基础知识二 基本类型与运算符
java 基础知识二 基本类型与运算符 1.标识符 定义:为类.方法.变量起的名称 由大小写字母.数字.下划线(_)和美元符号($)组成,同时不能以数字开头 2.关键字 java语言保留特殊含义或者 ...
- 网站开发进阶(十五)JS基础知识充电站
JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: ...
- 菜鸟脱壳之脱壳的基础知识(二) ——DUMP的原理
菜鸟脱壳之脱壳的基础知识(二)——DUMP的原理当外壳的执行完毕后,会跳到原来的程序的入口点,即Entry Point,也可以称作OEP!当一般加密强度不是很大的壳,会在壳的末尾有一个大的跨段,跳向O ...
- NodeJs>------->>第三章:Node.js基础知识
第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info 方法 console.log(" node app1.js 1> ...
- 进击Node.js基础(二)
一.一个牛逼闪闪的知识点Promise npm install bluebird 二.Promise实例 ball.html <!doctype> <!DOCTYPE html> ...
- Dapper基础知识二
在下刚毕业工作,之前实习有用到Dapper?这几天新项目想用上Dapper,在下比较菜鸟,这块只是个人对Dapper的一种总结. 2,如何使用Dapper? 首先Dapper是支持多种数据库的 ...
随机推荐
- 全面解读php-流程控制
一.PHP遍历数组的三种方式 示例: $arr = [1, 2, 3 4, 'five' => 5]; 1.for () for循环只能用于遍历纯索引数组!如果存在关联数组,count统计时会 ...
- 代码实现:企业发放的奖金根据利润提成。利润(I)低于或等于10万元时,奖金可提10%; 利润高于10万元,低于20万元时,低于10万元的部分按10%提成,高于10万元的部分,可可提成7.5%; 20万到40万之间时,高于20万元的部分,可提成5%;40万到60万之间时高于40万元的部分,可提成3%; 60万到100万之间时,高于60万元的部分,可提成1.5%,高于100万元时,超过100万元
import java.util.Scanner; /* 企业发放的奖金根据利润提成.利润(I)低于或等于10万元时,奖金可提10%: 利润高于10万元,低于20万元时,低于10万元的部分按10%提成 ...
- 诺依/RuoYi开源系统搭建总结
问题一:从{码云}下载下来看,输入项目编码不过 解决方法: 加入下列依赖,版本要和下载下来的{spring-boot-dependencies}一致.不一致就会报问题2: <parent> ...
- mxml 嵌入as代码出错,缺少 CDATA
如果<mx:Script> 中有大于小于符号,代码必须包含在<![CDATA[ 之中,否则会报错
- docker扩容
方法一. https://www.cnblogs.com/atuotuo/p/7217331.html 只需要修改 dockerd 的启动参数啊 增加 --data-root 把 /var/lib/d ...
- VBA删除空白行列
'删除空行 Sub DeleteEmptyRows() Dim LastRow As Long, r As Long LastRow = ActiveSheet.UsedRange.Rows.Coun ...
- Java程序设计——反转字符串 & 找朋友 & 计算int型二进制1的个数 & 情报加密 & 计算日期 & 求近似数 & 输出较小数(练习1)
作为刚刚入门Java的选手,其实C++的功底起到了很大的作用.但是,Java之于C++最大的不同,我个人认为,是其类的多样性.才入门的我,写着老师布置的简单的面对过程的题,如果是C++,可以算是简单了 ...
- Java重写祖先类方法equals示例
Java中很重要的一个知识点就是所有类都默认继承Object类,所以创建的每一个类都继承了Object的方法,所有类都可以向上转型为Object类对象,当然可以重写Object里面的常用方法,有时候重 ...
- 基于vant实现一个问卷调查
实现背景 最近学习<vue实战>,第二篇进阶篇有一个练习 刚好最近在研究vue移动端框架vant 两者结合,实现这么个小项目 实现代码 新建 vue单文件 L0529L.vue <t ...
- (转)Maven的pom.xml文件配置使用
转载:http://www.cnblogs.com/GarfieldTom/p/3707160.html <project xmlns="http://maven.apache.org ...