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 ...
随机推荐
- python异常值检验实战2_医美手术价格
python信用评分卡建模(附代码,博主录制) https://study.163.com/course/introduction.htm?courseId=1005214003&utm_ca ...
- Django连接MySQL出错
错误一:No module named 'MySQLdb' 原因:python3连接MySQL不能再使用mysqldb,取而代之的是pymysql. 解决方法:在python的MySQL包中,即路径: ...
- python函数的执行过程
对于 Python 常规函数,都只有一个入口,但会有多个出口如 return 返回或者抛出异常.函数从入口进入会一直运行到 return 语句或者抛出异常,中间不会暂停,函数一直拥有控制权.当运行结束 ...
- 深度学习之GAN对抗神经网络
1.结构图 2.知识点 生成器(G):将噪音数据生成一个想要的数据 判别器(D):将生成器的结果进行判别, 3.代码及案例 # coding: utf-8 # ## 对抗生成网络案例 ## # # # ...
- iOS UIBarButtonItem 固定尺寸
自定义UIBarButtonItem的时候发现 有时候UIBarButtonItem尺寸会发生变化 通过以下方式可以很好的解决问题 [button.widthAnchor constraintEqua ...
- nova创建虚拟机的详细过程
Nova 创建虚拟机详细过程
- Jmeter启动报错解决方案
安装好jmeter之后在启动Jmeter的过程中出现了如下的报错信息(大部分的原因是配置不对): /usr/local/Cellar/jmeter/5.1.1/libexec/bin/jmeter: ...
- 某CTF比赛writeup
看到群里别人参加比赛发上来的附件,自己尝试解了一下. 1.提示RSA,提供flag.enc和pub.key附件 一看就是解RSA,公钥分解得到n和e n=86934482296048119190666 ...
- CRLF注入漏洞
CRLF是“回车+换行”(\r\n,%0d%0a)的简称. HTTP协议中,HTTP Header之间以一个CRLF分隔,Header与Body以两个CRLF分隔.URL重定向通常通过响应头中的Loc ...
- Ingreslock后门漏洞
一.简介 1524端口 ingreslock Ingres 数据库管理系统(DBMS)锁定服务 利用telnet命令连接目标主机的1524端口,直接获取root权限. Ingreslock后门程序监听 ...