详解JavaScript中的函数、对象
JS中的函数声明方式
方式一
function 函数名(){
函数体
}
方式二
var 函数名=function(){
函数体
}
方式三
var 函数名=new Function(“函数体”);
执行方式
函数名();
JS中的对象
类似Java中的一些系统预设好的类
日期对象
function testDate(){ var date=new Date(); //本月中的第几天 document.write(date.getDate()+"<br />"); //本星期的第几天 document.write(date.getDay()+"<br />"); //返回的月份 0-11 document.write(date.getMonth()+"<br />"); //返回的是1900年到现在年份的差值2018-1900 document.write(date.getYear()+"<br />"); //返回全年2019 document.write(date.getFullYear()+"<br />"); //2019年3月27日 下午5:35:02:返回本地的时间 document.write(date.toLocaleString()+"<br />"); } testDate();
2、数学对象
function testMath(){ //获得随机数 //随机数范围是0-1 var ran=Math.random()*1000; console.log(ran); //向下取整 756.9714434215177 ==756 console.log(Math.floor(ran)); //向上取整 398.06376470341377==398 console.log(Math.ceil(ran)); //获得4位随机数--验证码 console.log(Math.floor(Math.random()*9000+1000) ); } testMath();
3、String对象
4、Global对象
5、数组对象数组三种声明方式
//方式一 var arr=new Array(); //方式二 5代表数组的长度 var arr2=new Array(5); //方式三 var arr3=new Array("你好",123,new String(),true);
数组扩容
数组减小
数组遍历的两种方式
function demo4(){ var arr=["bjsxt",123,new Date(),false]; //数组的遍历方式一 for(var i =0;i<arr.length;i++){ console.log(arr[i]); } //数组遍历方式二 i :是代表数组的下标 for(var i in arr ){ console.log(arr[i]); } } demo4();
数组常用方法:
Push:向数组的末尾添加一个或更多元素,并返回新的数组。
Pop:删除数组最后一个元素
Shift:删除数组第一个元素
Unshift:向数组的开头添加一个或更多元素,并返回新的数组。
Splice: 删除的含义 开始删除的下标 删除的个数
function demo5(){ var arr=["bjsxt",123,new Date(),false]; console.log(arr); //var le= arr.push("我们"); // var le= arr.pop(); //arr.shift(); //arr.unshift("sxt"); //arr.splice(1,2); //添加的含义 添加的下标 0:删除元素的个数 添加的元素 arr.splice(1,0,"你好"); console.log(arr); } demo5();
以上所述是小编给大家介绍的JavaScript中的函数、对象详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
相关推荐
-
JS中的函数与对象的创建方式
创建函数的三种方式 1.函数声明 function calSum1(num1, num2) { return num1 + num2; } console.log(calSum1(10, 10)); 2.函数表达式 var calSum2 = function (num1, num2) { return num1 + num2; } console.log(calSum2(10, 20)); 3.函数对象方式 var calSum3 = new Function('num1', 'num2',
-
js的对象与函数详解
一.对象 就是人们要研究的任何事物,不仅能表示具体事物,还能表示抽象的规则,计划或事件. 属性的无序集合,每个属性可以存一个值(原始值,对象,函数) 对象的特性:封装,尽可能的隐藏对象的部分细节,使其受到保护.只保留有限的接口和外部发生联系. js 中{},[] 来定义数组和对象 1.{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数. 2.[ ]中括号,表示一个数组,也可以理解为一个数组对象. 3.{ } 和[ ] 一起使用,我们前面说到,{ } 是一
-
JavaScript碎片—函数闭包(模拟面向对象)
经过这几天的博客浏览,让我见识大涨,其中有一篇让我感触犹深,JavaScript语言本身是没有面向对象的,但是那些大神们却深深的模拟出来了面向对象,让我震撼不已.本篇博客就是在此基础上加上自己的认知,如有错误,还请见谅. 具体来说实现模拟面向对象主要是利用JavaScript函数闭包这个概念.由于JavaScript中的每一个function都会形成一个作用域,而如果变量声明在这个域中,那么外部是无法直接去访问,要想访问必须new出一个实例来,相当于Java中class.首先让我们来了解一下pr
-
了解Javascript中函数作为对象的魅力
Javascript赋予了函数非常多的特性,其中最重要的特性之一就是将函数作为第一型的对象.那就意味着在javascript中函数可以有属性,可以有方法, 可以享有所有对象所拥有的特性.并且最重要的,她还可以直接被调用 我们简单的试验一下就可以发现 // 简单实验 函数作为对象的存在 let fn = function () {} fn.prop = 'fnProp' console.log(fn.prop) // fnProp 为函数添加属性的这个特性我觉的大家在平时的开发中基本没什么尝试或者
-
JS函数动态传递参数的方法分析【基于arguments对象】
本文实例讲述了JS函数动态传递参数的方法.分享给大家供大家参考,具体如下: js函数体内可以通过arguments对象来接收传递进来的参数,利用这一对象属性可以动态传参. function box() { return arguments[0]+' | '+arguments[1]; //得到每次参数的值 } alert(box(1,2,3,4,5,6)); //传递参数 arguments对象的length属性可以得到参数的数量. function box() { return argumen
-
JavaScript数组、json对象、eval()函数用法实例分析
本文实例讲述了JavaScript数组.json对象.eval()函数用法.分享给大家供大家参考,具体如下: 一.JavaScript中的数组 数组使用[].new Array()或new Array(count)进行创建 创建数组之后我们可以对其静态初始化,也可以对其动态赋值 数组的常用属性:length 数组的常用方法:toString().join().reverse().push().pop() <script type="text/javascript"> //静
-
JavaScript封闭函数及常用内置对象示例
本文实例讲述了JavaScript封闭函数及常用内置对象.分享给大家供大家参考,具体如下: 封闭函数 在封闭函数内部定义的函数与外部函数尽管同名也没有关系,同理,定义的变量也可以同名. 封闭函数的写法,一是加括号,一是加感叹号. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>封闭函数</title> &
-
详解JavaScript中的函数、对象
JS中的函数声明方式 方式一 function 函数名(){ 函数体 } 方式二 var 函数名=function(){ 函数体 } 方式三 var 函数名=new Function("函数体"): 执行方式 函数名(); JS中的对象 类似Java中的一些系统预设好的类 日期对象 function testDate(){ var date=new Date(); //本月中的第几天 document.write(date.getDate()+"<br />&qu
-
详解JavaScript中的函数声明和函数表达式
JavaScript 中需要创建函数的话,有两种方法:函数声明.函数表达式,各自写法如下: // 方法一:函数声明 function foo() {} // 方法二:函数表达式 var foo = function () {}; 另外还有一种自执行函数表达式,主要用于创建一个新的作用域,在此作用域内声明的变量不会和其它作用域内的变量冲突或混淆,大多是以匿名函数方式存在,且立即自动执行: (function () { // var x = ... })(); 此种自执行函数表达式归类于以上两种方法
-
详解javascript中的Error对象
概念 error是指程序中的非正常运行状态,在其他编程语言中称为"异常"或"错误",解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息: ECMAScript定义了六种类型的错误,除此之外,还可以使用Error构造方法创建自定义的Error对象,并使用throw语句抛出该对象: 六种错误: 1)ReferenceError:引用错误,要用的东西没找到: 2)TypeError:类型错误,错误的调用了对象的方法: 3)R
-
详解Javascript中的Object对象
Object是在javascript中一个被我们经常使用的类型,而且JS中的所有对象都是继承自Object对象的.虽说我们平时只是简单地使用了Object对象来存储数据,并没有使用到太多其他功能,但是Object对象其实包含了很多很有用的属性和方法,尤其是ES5增加的方法,因此,本文将从最基本的介绍开始,详细说明了Object的常用方法和应用. 基础介绍 创建对象 首先我们都知道,对象就是一组相似数据和功能的集合,我们就是用它来模拟我们现实世界中的对象的.那在Javascript中,创建对象的方
-
实例详解JavaScript中setTimeout函数的执行顺序
前言 setTimeout,前端工程师必定会打交道的一个函数.它看上去非常的简单,朴实,有着一个很不平凡的名字--定时器.其实网上关于JavaScript中setTimeout的文章很多,但总感觉例子不够直接具体,因此写了个简单的例子并加以解释希望能让大家明白setTimeout是如何执行的.下面话不多说了,来一起看看详细的介绍: 实例代码如下: var time1=new Date().getTime(); console.log(1,time1); setTimeout(function()
-
详解Javascript 中的 class、构造函数、工厂函数
到了ES6时代,我们创建对象的手段又增加了,在不同的场景下我们可以选择不同的方法来建立.现在就主要有三种方法来构建对象,class关键字,构造函数,工厂函数.他们都是创建对象的手段,但是却又有不同的地方,平时开发时,也需要针对这不同来选择. 首先我们来看一下,这三种方法是怎样的 // class 关键字,ES6新特性 class ClassCar { drive () { console.log('Vroom!'); } } const car1 = new ClassCar(); consol
-
详解JavaScript中Arguments对象用途
目录 前言 Arguments 的基本概念 Arguments 的作用 获取实参和形参的个数 修改实参值 改变实参的个数 检测参数合法性 函数的参数个数不确定时,用于访问调用函数的实参值 遍历或访问实参的值 总结 在实际开发中,Arguments 对象非常有用.灵活使用 Arguments 对象,可以提升使用函数的灵活性,增强函数在抽象编程中的适应能力和纠错能力. JavaScript 中 Arguments 对象的用途总结. 前言 相信我们很多人在代码开发的过程中都使用到过一个特殊的对象 --
-
详解JavaScript中的箭头函数的使用
目录 前言 箭头函数语法 无圆括号语法 隐式返回 注意隐式返回错误 无法命名箭头函数 如何处理this关键字 匿名箭头函数 不正常工作的情况 箭头函数作为对象方法 箭头函数与第三方库 箭头函数没有arguments对象 总结 前言 本文可以让你了解所有有关JavaScript箭头函数的信息.我们将告诉你如何使用ES6的箭头语法,以及在代码中使用箭头函数时需要注意的一些常见错误.你会看到很多例子来说明它们是如何工作的. JavaScript的箭头函数随着ECMAScript 2015的发布而到来,
-
详解Javascript中prototype属性(推荐)
在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不是基于'类的',而是通过构造函数(constructor)和原型链(prototype chains)实现的.但是在ES6中提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板.通过class关键字,可以定义类.基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能
-
详解JavaScript中的Object.is()与"==="运算符总结
三重相等运算符 === 严格检查2个值是否相同: 1 === 1; // => true 1 === '1'; // => false 1 === true; // => false 但是,ES2015规范引入了 Object.is(),其行为与严格的相等运算符几乎相同: Object.is(1, 1); // => true Object.is(1, '1'); // => false Object.is(1, true); // => false 主要问题是:什么时
随机推荐
- VMware虚拟机安装的CentOS无法上网的解决方法
- JavaScript中将一个值转换为字符串的方法分析[译]
- JS隐藏参数post传值实例
- Vue.js学习笔记之 helloworld
- 浅谈Javascript实现继承的方法
- Vue.js 和 MVVM 的注意事项
- 对象转换为原始值的实现方法
- iOS应用开发中UITableView的分割线的一些设置技巧
- php动态实现表格跨行跨列实现代码
- PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
- ASP UTF-8编码生成静态网页的函数
- 详解C#中的out和ref
- Android 进度条显示在标题栏的实现方法
- 关于vue-router的beforeEach无限循环的问题解决
- 收集的一些Array及String原型对象的扩展实现代码
- Add Formatted Text to a Word Document
- node.js中的fs.renameSync方法使用说明
- SHELL四则运算和比较
- javascript-简单的日历实现及Date对象语法介绍(附图)
- C++实现日期类(Date类)的方法
其他
- idea maven拆分与聚合
- thinkphp 控制类
- js中使用@media
- 修改node_modules里第三方源码
- python字典随机抽取
- springboot 实现请求转发
- python实现将多个文件分配到多个文件夹案例
- sql2012安装完毕后看不到本地服务器
- vtk读取的dcm三维图像怎么转换成numpy数据
- 使用vue.js实现一个简单的网页计算器
- pg 字符串转list
- vs2022安装勾选哪些
- idea导入父子工程
- element tree树删除父节点怎么更新列表
- vue 子级监听父级值的变化
- vue自定义div文本框并设置限制
- python3 redis 删除hash key
- java中ServiceBusRetryOptions
- docker容器监控脚本
- android 数字textview