- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是 Vue 新手。我看到了这样一个演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
{{fullname}}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script>
var app = new Vue({
el:'#app',
data:{
firstName: 'first',
lastName: 'last'
},
computed: {
fullname: {
get: function(){
console.log('getter');
return this.firstName + this.lastName;
},
set: function (newValue) {
console.log('setter:' + newValue);
let names = newValue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
}
}
})
</script>
</body>
</html>
如代码所示,有两个子函数get和set。在我看来,这两个函数中的 this 变量不应该相同(因为它们属于不同的范围)。但效果很好。有什么想法吗?
最佳答案
你有一个很大的误会。 this
与范围无关。它与绑定(bind)有关。
我们先不用CS语言,用普通话聊一会。范围决定了一个变量是否可以被访问。也就是说,它决定了一个变量的“全局性”和“局部性”。
例如:
let x = 0;
function foo () {
let y = 0;
}
x
在全局范围和 foo()
内部都在范围内。另一方面,y
仅在 foo()
范围内,在其外部无法访问。
绑定(bind)与范围无关(从程序员的 Angular 来看)*。绑定(bind)确定属性属于哪个对象。
例如:
foo = {
a: function () {},
b: 0
}
bar = Object.create(foo); // create new instance of object foo
foo.a(); // here the function a() is bound to foo
bar.a(); // here the function a() is NOT bound to foo
let x = bar.b; // here we are NOT accessing foo.b!
this
是一种引用对象自身绑定(bind)的机制。当从属于的方法中调用时,它允许您编写 this.a()
而不是 foo.a()
和 bar.a()
到同一个对象。
所以当然是一样的。它们都绑定(bind)到同一个对象:fullname
。
*
note: I say form the programmer's point of view because the javascript spec, which is written from a compiler writer's point of view, merges both concepts of scope and binding into something called context (and sometimes called "scope", so yes, in the spec "scope" sometimes does not mean scope, it means binding instead)
关于javascript - 视觉 : this in different scope get same object,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55860312/
我遵循了一本名为“Sitepoint Full Stack Javascript with MEAN”的书中的教程,我刚刚完成了第 6 章,应该已经创建了一个带有“数据库”的“服务器”。数据库只不过是
在 Jquery 中,我创建两个数组,一个嵌入另一个数组,就像这样...... arrayOne = [{name:'a',value:1}, {name:'b',value:2}] var arra
这个问题在这里已经有了答案: What is the explanation for these bizarre JavaScript behaviours mentioned in the 'Wa
我被放在别人的代码上,有一个类用作其他组件的基础。当我尝试 ng serve --aot(或 build --prod)时,我得到以下信息。 @Component({ ...,
我正在测试一些代码,并使用数据创建了一个 json 文件。 问题是我在警报中收到“[object Object],[object Object]”。没有数据。 我做错了什么? 这是代码:
我想打印 [object Object],[object Object] 以明智地 "[[{ 'x': '1', 'y': '0' }, { 'x': '2', 'y': '1' }]]"; 在 ja
我有一个功能 View ,我正在尝试以特殊格式的方式输出。但我无法让列表功能正常工作。 我得到的唯一返回是[object Object][object Object] [object Object]
在使用优秀的 Sim.js 和 Three.js 库处理 WebGL 项目时,我偶然发现了下一个问题: 一路走来,它使用了 THREE.Ray 的下一个构造函数: var ray = new THRE
我正在使用 Material UI 进行多重选择。这是我的代码。 {listStates.map(col => (
我的代码使用ajax: $("#keyword").keyup(function() { var keyword = $("#keyword").val(); if (keyword.
我遇到了下一个错误,无法理解如何解决它。 Can't resolve all parameters for AuthenticationService: ([object Object], ?, [o
我正在尝试创建一个显示动态复选框的表单,至少应选中其中一个才能继续。我还需要获取一组选中的复选框。 这是组件的代码: import { Component, OnInit } from '@angul
我正在开发 NodeJs 应用程序,它是博客应用程序。我使用了快速验证器,我尝试在 UI 端使用快速闪存消息将帖子保存在数据库中之前使用闪存消息验证数据,我成功地将数据保存在数据库中,但在提交表单后消
我知道有些人问了同样的问题并得到了解答。我已经查看了所有这些,但仍然无法解决我的问题。我有一个 jquery snipet,它将值发送到处理程序,处理程序处理来自 JS 的值并将数据作为 JSON 数
我继承了一个非常草率的项目,我的任务是解释为什么它不好。我注意到他们在整个代码中都进行了这样的比较 (IQueryable).FirstOrDefault(x => x.Facility == fac
我只是在删除数组中的对象时偶然发现了这一点。 代码如下: friends = []; friends.push( { a: 'Nexus', b: 'Muffi
这两个代码片段有什么区别: object = nil; [object release] 对比 [object release]; object = nil; 哪个是最佳实践? 最佳答案 object
我应该为其他人将从中继承的第一个父对象传递哪个参数,哪个参数更有效 Object.create(Object.prototype) Object.create(Object) Object.creat
我在不同的对象上安排不同的选择器 [self performSelector:@selector(doSmth) withObject:objectA afterDelay:1]; [self per
NSLog(@"%p", &object); 和 NSLog(@"%p", object); 有什么区别? 两者似乎都打印出一个内存地址,但我不确定哪个是对象的实际内存地址。 最佳答案 这就是我喜欢的
我是一名优秀的程序员,十分优秀!