function Foo(){
bar=function(){console.log(1)};
return this;
}
Foo.bar=function(){console.log(2)}
Foo.prototype.bar=function(){console.log(3)};
var bar = function(){console.log(4)}
function bar(){
console.log(5);
}
new bar();
Foo.bar();
Foo().bar();
bar();
new Foo().bar()
//4 2 1 1 3
in this way, the function and variables will be improved after the browser is compiled, what will happen in the end? why will new bar print 4 console.log (5)? is it permanently overwritten?
here is mainly function declaration promotion, function expression is not promoted. The promoted code is
var bar;
function Foo() {
bar = function() { console.log(1) };
return this;
}
function bar() {
console.log(5);
}
Foo.bar = function() { console.log(2) }
Foo.prototype.bar = function() { console.log(3) };
bar = function() { console.log(4) }
new bar();//4
Foo.bar();//2 Foobar bar
Foo().bar();// 1
bar();// 1
new Foo().bar()//3function bar(){
console.log(5);
} will improve the function, which is equal to
at the top and then overwritten by var bar = function () {}
1. Declare promotion, so var bar and the following function definition are both promoted
2. Execution continues after promotion, and bar is assigned to the function body of 4, so 5 is overwritten
A little bit:
the first step, the js interpreter parses and compiles the js code, and then you know the function declaration promotion step.
this is the source code:
new Foo().bar();
// FoonewFoobarnew Foo
// Foo bar barFoobarPrototypebar 3Previous: How to introduce sass into vuepress
currently working on a saas platform what kind of architecture can meet the following requirements: Separation of front and rear ends flexible selection of front-end technology, less historical burden, convenient maintenance, and organizational n...
there is a benchmarks directory in some open source projects, such as vue , which is very popular now. The literal translation of benchmark means benchmark test. It seems that some functional performance tests can be done. given that there is a test di...
recently, the company needs to use a rich text editor in the background: (there are a few problems that have not found a solution, ask for advice from all kinds of gods)? normal display: ::textareatag:tag :vue-froala-editorfont :brppbr brbr : ...
1. The data interface is http: www.xxx.com api.paper data under this interface, I use webpack-devServer to configure proxy, but error 404not found is reported on the page. 2.proxy: { manage : { target: http: www.xxxx.com...
...
there is a requirement to remove an element from the array when it exists, and to add the element to the array when it does not exist. this is how I implement it. Is there a more elegant or convenient way to write it? Please do not hesitate to give us ...
I encapsulated a js function myself! There are some problems with using . I set callback, to increase as the number of clicks increases, so does the number of execution. I don t know why! functions encapsulated by js showConfirm(title , content , sh...
this code is the method I used to concatenate parsing objects into url strings encodeParamsStr: function(obj) { var params = []; Object.keys(obj).forEach(function(key) { var value = obj[key]; undefined if (typeof value ===...
use plug-in extract-text-webpack-plugin: package this error after running webpack: Users apple work self_test webpack node_modules schema-utils dist validateOptions.js:40 throw new _ValidationError2.default(ajv.errors, name); ^ false webpack.co...
ask the development boss of uwp, because there is no experience in c-sharp and xmln, wants to know whether uwp can only be realized by html css js because it wants to know that app uses the shell of web page to achieve uwp,. and the development proce...
the question I asked this morning, but the solution provided in the answer doesn t seem to solve my problem. Although it seems to be connected from end to end, the data is wrong . I need data 2 to start at the end of data 1 ...
{{ 10 | fn1 | fn2 }} for example, you can use filter in the template of vue. I wonder, how exactly does Vue implement it? Do you have a simple explanation? ...
1, I used vue to build a responsive page, using bootstrap, but wanted to use a column offset effect, using col-offset, but did not work, and then I tried col-push col-pull, without solving it. But there is a grid effect, and the code is as follows I als...
on the official website of Vue, when I scroll to the details of "declarative rendering " on the right, the title corresponding to the left directory bar is also highlighted. tell me how to achieve this effect with js, and what is the idea. ...
recently in the self-study vue, I still have some questions about watch monitoring. I would like to ask my seniors to help me solve it. specific problems are as follows: the test monitors the new and old values of different types of data data. In the...
Logistics industry, monitor vehicle trajectory and location. use Baidu Maps slightly stutter occurs when the page loads more than 500 cars. when loading more than 1000 vehicles, the map drag and zoom function is almost invalid, and the stutter is ...
https: jsfiddle.net 20170808. how can I output the following format: Wang Junkai Wang Yuan Yi Qianxi Jolin Tsai Gillian sa var data = [ { singer: [ {name: ,age: 18}, {name: ,age: 20}, {name: ,age: 18}]}, {...
webpack4.x less has been introduced and used in the H1 tag, but there is no style on the final page. index.js index.less webpack.dev.js : ...
The description of the title is not very clear. the thing is, a project on my side uses an open interface, but this interface has cross-domain restrictions. The project I am working on now is a project without backend. The local environment of vue+axi...
in the APP.vue public navigation bar, I want to use vue to implement different route jump navigation bars corresponding to different styles ; html Code ...