JavaScript基础之二——方法与属性

简介: JavaScript基础之二——方法与属性

和编译型语言必须由类产生对象不同,JavaScript语言中并没有严格的类的界定,并且对象的属性和方法也可以进行动态的绑定。属性是对象中封装的一些值数据,其用来描述对此对象的某些特性,方法也称为行为,其用来描述对象的一些行为动作,创建对象有两种方式,可以直接使用大括号的方式创建,也可以使用new Object()来创建,示例如下:

//对象拥有属性与方法
//属性描述对象的某些值
var person = new Object();
//名字和年龄属性
person.name = 'Jaki';
person.age = 25;
//行走方法
person.run = function(){

console.log("前进1公里");

}
//调用方法
person.run();
console.log(person);

数字,字符串等数据实质上也是对象,字符串对象内置了一些属性与方法,示例如下:

var txt = "Hello WorldW";
//获取字符串长度属性
console.log(txt.length);
//获取子串在字符串中的位置 如果没找到 会返回-1 从前往后搜索
console.log(txt.indexOf("W"));
//获取子串在字符串中的位置 如果没找到 会返回-1 从后往前搜索
console.log(txt.lastIndexOf("W"));
//根据正则表达式或者字符串搜索子串
console.log(txt.search(/W/));
//这个方法有两个参数 第一个参数是需要替换的正则或者子串 第2个参数是替换后的子串
txt = txt.replace("World","W");
console.log(txt);

方法也是函数,JavaScript中使用function关键字来定义函数,函数可以有参数列表也可以没有,可以通过return返回值也可以无返回值,示例如下:

function addFunc(param1,param2){

console.log(param1+param2);
return param1+param2;

}
addFunc(5,6);
需要注意,在函数内使用var声明的变量为局部变量,当函数结束后,局部变量会被销毁,但是需要注意,如果在函数内没有声明变量而直接使用,则此变量会被默认声明为全局的,在函数外面依然可以使用,示例如下:

function addFunc(param1,param2){

console.log(param1+param2);
sum = param1+param2;
return param1+param2;

}
addFunc(5,6);
console.log(sum);

目录
相关文章
|
3月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
3月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
4月前
|
缓存 监控 前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
|
3月前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
304 62
|
1月前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
56 13
|
3月前
|
监控 JavaScript 前端开发
确定使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript
【10月更文挑战第24天】选择使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript 是一个需要综合考虑多个因素的决策。需要根据脚本之间的依赖关系、页面加载性能要求、脚本的功能和重要性等因素来进行权衡。在实际应用中,需要通过测试和验证来确定最适合的加载方式,以提供更好的用户体验和页面性能。
106 56
|
3月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
|
3月前
|
缓存 JavaScript UED
js中BOM中的方法
【10月更文挑战第31天】
|
3月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
87 5
|
3月前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
45 1

热门文章

最新文章