JavaScript笔记(2)
函数
1.使用关键字function声明一个函数,如果需要传参数就传参,多个参数用逗号隔开,如果不需要传参数就不传
//函数声明
function name(num1,num2){
//方法体
}
2.函数不能声明返回值类型,即使有返回值,也不能声明返回值类型
3.函数只有在调用的时候才执行,只声明不调用是不会执行的
4.如果函数没有返回值,那么这个函数执行过后返回undefined
function add(num){
if(num > 50){
return num + 10;
}
}
alert(add(45));
//结果为:undefined
5.函数不能声明参数的数据类型
6.所有的函数都以小写字母开头
7.函数的参数个数不是严格要求的,调用时实参的个数可以不等于形参的个数,实参多余形参时以第一个实参为准 ,实参少于形参个数时为undefined
function add(num){
if(num > 55){
return num + 5;
}
else{
return "成绩不合格";
}
}
alert(add(45,65));
//输出结果为:成绩不合格
alert(add(65,45));
//结果为:70
8.自定义的函数不能跟JavaScript系统函数重名
9.JavaScript中不存在重载,如果出现相同名字的函数,后面的会覆盖前面的
function add(num){
return num + 10;
}
function add(num1,num2){
return num1 + num2;
}
alert(add(1,2));
//结果为:3
alert(add(1));
//结果为:NaN
//由于函数找不到参数,所以输出undefined(未定义),当undefined类型数据和一个数值类型数据进行运算时,undefined先转换成数值类型NaN(非数值),然后NaN和一个数值类型数据运算,结果还是NaN。
10.变量提升:
JavaScript中,函数及变量可以在使用后声明,也就是先使用再声明。
myFunction();
function myFunction(){
var num = 10;
console.log(num);
}
num = 10;
console.log(num);
var num;
//输出:10
JavaScript只有声明的变量会提升,初始化(赋值)的不会。
console.log(num);
var num = 10;
//输出:undefined
//上述代码等价于:
var num;
console.log(num);
//只声明,未初始化,输出为:undefined
num = 10;
- 尽量不要使用变量提升
JavaScript中异常处理
- 语法:
try{
//异常的抛出
//throw new Error(); 自定义错误消息
}
catch{
//异常的捕获与处理
}
finally{
//结束处理
}
- 用法:
function add(num){
try{
if(num > 50 && num <60){
console.log(num + 10);
}
else{
throw new Error("输入的值不正确");
}
}
catch(err){
console.log(err);
}
finally{
console.log("end");
}
}
add(40);
对象
JavaScript中所有事物都是对象:字符串、数值、数组、函数……
此外,JavaScript允许自定义对象
JavaScript中的内置对象:
String(字符串)
Date(日期)
Math(数学)
Number(数字)
Boolean(布尔型)
Array(数组)
常用字符串(String)的处理:
var str = "我想你,我在十点差三分的时候开始想你";
console.log(str.length);
//使用长度属性length来计算字符串的长度
//输出:18
console.log(str.charAt(2));
//使用chatAt()方法返回在指定位置的字符
//输出:你
console.log(str.indexOf("想"));
//使用indexOf()方法,从(0)号索引开始,返回某个指定的字符串值在字符串中首次出现的位置。
//输出:1
console.log(str.indexOf("想",5));
//从(5)号索引开始,包括(5)号索引,返回某个指定的字符串值在字符串中首次出现的位置。
//输出:16
console.log(str.lastIndexOf("你"));
//使用lastIndexOf()从后向前搜索字符串,并从起始位置(0)号索引开始计算返回字符串最后出现的位置。
//输出:17
console.log(str.split("点"));
//使用split()方法把字符串分割为字符串数组。
//输出:
// (2) ["我想你,我在十", "差三分的时候开始想你"]
// 0: "我想你,我在十"
// 1: "差三分的时候开始想你"
// length: 2
console.log(str.substr(6,5));
//substr(索引号,提取个数)从起始索引号开始(包括起始索引号的字符)提取字符串中指定数目的字符。
console.log(str.substring(6,11));
//substring(起始索引号, 结束索引号)提取起始索引号开始(包括起始索引号的字符)到结束索引号之前(不包括结束索引号的字符)的字符。
Date(日期)对象:
var today = new Date();
console.log(today);
//输出当前的日期和时间
console.log(today.toLocaleString());
//据本地时间格式,把 Date 对象转换为字符串。
console.log(today.toLocaleDateString());
//根据本地时间格式,把 Date 对象的日期部分转换为字符串。
console.log(today.toLocaleTimeString());
//根据本地时间格式,把 Date 对象的时间部分转换为字符串。
console.log(today.getFullYear());
//从 Date 对象以四位数字返回年份。
console.log(today.getMonth());
//从 Date 对象返回月份 (0 ~ 11)。
console.log(today.getDate());
//从 Date 对象返回一个月中的某一天 (1 ~ 31)。
console.log(today.getHours());
//返回 Date 对象的小时 (0 ~ 23)。
console.log(today.getMinutes());
//返回 Date 对象的分钟 (0 ~ 59)。
console.log(today.getSeconds());
//返回 Date 对象的秒数 (0 ~ 59)。
Math对象:
| 方法 | 描述 |
|---|---|
| abs(x) | 返回 x 的绝对值。 |
| ceil(x) | 对x进行向上取整。 |
| floor(x) | 对 x 进行下向下取整。 |
| max(x,y,z,...,n) | 返回 x,y,z,...,n 中的最高值。 |
| min(x,y,z,...,n) | 返回 x,y,z,...,n中的最低值。 |
| pow(x,y) | 返回 x 的 y 次幂。 |
| random() | 返回 [0 ~ 1) 之间的随机数。 |
| round(x) | 四舍五入。 |
Number对象:
使用isNaN()判断输入的是不是一个数字
数字可以是数字或者对象
var x = 369;
var y = new Number(369);
typeof(x);//返回Number
typeof(y);//返回Object
Boolean(布尔)对象:
0 的布尔值 false
1 的布尔值 true
空字符串的布尔值 false
null 的布尔值 false
NaN 的布尔值 false
字符串'false' 的布尔值true
undefined的布尔值是false
Array(数组)对象:
JavaScript中数组就是一个Array对象
JavaScript中数组是动态的,是可变的,既可以当数组用,也可以当做“栈”或者“队列”来用
数组操作的方法:
1.arr[arr.length] = element;//在末尾追加新元素
2.arr.push(element);//入栈,在末尾追加元素
3.arr.pop();//出栈,返回末尾元素并删除
4.arr.shift(element);//在数组前面追加一个元素
5.arr.unshift();//返回数组第一个元素并删除通过指定数组名以及索引号码,你可以访问某个特定的元素
在一个数组中你可以有不同的对象,可以在一个数组中包含对象元素、函数、数组
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = "三";
arr[3] = "四";
console.log(arr.toString());
//把数组转换为字符串,并返回结果。
//返回:1,2,三,四
console.log(arr.join("+"));
//把数组转换成字符串,用括号内的字符隔开
//返回:1+2+三+四
遍历数组:
1.for循环遍历数组
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = "三";
arr[3] = "四";
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
2.for……in语句按顺序遍历数组
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = "三";
arr[3] = "四";
for(var i in arr){
console.log(arr[i]);
}
JavaScript笔记(2)的更多相关文章
- [Effective JavaScript 笔记] 第4条:原始类型优于封闭对象
js有5种原始值类型:布尔值.数字.字符串.null和undefined. 用typeof检测一下: typeof true; //"boolean" typeof 2; //&q ...
- [Effective JavaScript 笔记] 第5条:避免对混合类型使用==运算符
“1.0e0”=={valueOf:function(){return true;}} 是值是多少? 这两个完全不同的值使用==运算符是相等的.为什么呢?请看<[Effective JavaSc ...
- [Effective JavaScript 笔记]第3章:使用函数--个人总结
前言 这一章把平时会用到,但不会深究的知识点,分开细化地讲解了.里面很多内容在高3等基础内容里,也有很多讲到.但由于本身书籍的篇幅较大,很容易忽视对应的小知识点.这章里的许多小提示都很有帮助,特别是在 ...
- [Effective JavaScript 笔记]第27条:使用闭包而不是字符串来封装代码
函数是一种将代码作为数据结构存储的便利方式,代码之后可以被执行.这使得富有表现力的高阶函数抽象如map和forEach成为可能.它也是js异步I/O方法的核心.与此同时,也可以将代码表示为字符串的形式 ...
- [Effective JavaScript 笔记]第28条:不要信赖函数对象的toString方法
js函数有一个非凡的特性,即将其源代码重现为字符串的能力. (function(x){ return x+1 }).toString();//"function (x){ return x+ ...
- 从头开始学JavaScript 笔记(一)——基础中的基础
原文:从头开始学JavaScript 笔记(一)--基础中的基础 概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成 javascript ECMASc ...
- 【原】javascript笔记之Array方法forEach&map&filter&some&every&reduce&reduceRight
做前端有多年了,看过不少技术文章,学了新的技术,但更新迭代快的大前端,庞大的知识库,很多学过就忘记了,特别在项目紧急的条件下,哪怕心中隐隐约约有学过一个方法,但会下意识的使用旧的方法去解决,多年前ES ...
- JavaScript笔记目录
JavaScript笔记目录 一.JavaScript简介 二.在HTML中使用JavaScript ...持续更新中,敬请期待
- 蛋糕仙人的javascript笔记
蛋糕仙人的javascript笔记:https://www.w3cschool.cn/kesyi/kesyi-nqej24rv.html
- JavaScript笔记(第一章,第二章)
JavaScript笔记(第一章,第二章) 第一章: <meta http-equiv="Content-Type" content="text/html; cha ...
随机推荐
- 怎么去检测浏览器支不支持html5和css3?
HTML5, CSS3 以及其他相关技术例如 Canvas.WebSocket 等等将 Web 应用开发带到了一个新的高度. 该技术通过组合 HTML.CSS 和 JavaScript 可以开发出桌面 ...
- 机器学习 - 算法 - 集成算法 - 分类 ( Bagging , Boosting , Stacking) 原理概述
Ensemble learning - 集成算法 ▒ 目的 让机器学习的效果更好, 量变引起质变 继承算法是竞赛与论文的神器, 注重结果的时候较为适用 集成算法 - 分类 ▒ Bagging - bo ...
- java.lang.reflect.Method.getAnnotation()方法示例【通过反射获取到方法对象再获取方法对象上的注解信息】
转: java.lang.reflect.Method.getAnnotation()方法示例 java.lang.reflect.Method.getAnnotation(Class <T&g ...
- spark简单快速学习及打开UI界面---1
1.远程集群测试 import org.apache.spark.{SparkContext, SparkConf} import scala.math.random /** * 利用spark进行圆 ...
- idea 双击选中一个变量,及高亮显示相同的变量
其实idea有这个功能,只是没有背景颜色,在这里有可能是编辑区的背景颜色和选中变量的背景颜色一样, 所有我们只需要调一下背景颜色就可以了 版本:ideaIU-2018.1.5 1. 到这里就结束啦..
- 一次神奇的JVM调优
老张接个新项目,项目可是不小,好多模块.使用Intellij import new project, 结果卡在writing class中,而且mac的风扇一直转,像是要变成直升机起飞. 等啊等,in ...
- mysql8修改密码问题
查看初始密码: grep "temporary password" /var/log/mysqld.log 查看validate_password变量 SHOW VARIABLES ...
- rsync重启的shell脚本
https://zhidao.baidu.com/question/2078634436717887028.html
- swagger-注解
常用注解 @Api(value = "xxx"):用于类,表示标识这个类是swagger的资源. tags–表示说明,如果有多个值,会生成多个list value–也是说明,可以使 ...
- JS中常用的语法
在做前端中,JS的语法尤为重要..没有它,就没有你的未来吧.. 下面将一些常用的JS语法给大家罗列出来.. 也给自己备份一下.. 以备不时之需.. 1.输出语句:document.write(&quo ...