трудно понять, вложенную область в AngularJs

Question

я запутался, читая статью с этого сайта (ловушкой # 5):

http://thenittygritty.co/angularjs-pitfalls-using-scopes

http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html

Мой вопрос:

1. - это сценарий, похожий на две переменные с одним и тем же именем в простых js, один из которых определяется локально (например, внутри вложенной функции) и на е, определяемой глобально (например, windows.onload), поэтому локальная всегда переопределяет глобальную?

2. Я понимаю, что $ scope.variable должен ссылаться на модель, которая содержит значения, но на самом деле это не влияет на результат, если они имеют одно и то же имя, независимо от наличия точечного синтаксиса. Я не понимаю, если поставить «.». точка приведет к различию в ВЫХОДНОЙ ЗНАЧЕНИИ выше. Например, заменив их {{user.name}}. Как эта лучшая практика работает?

Следующий код с сайта пытается demostrate, если 2-й {{имя пользователя}} изменений, первый {{имя пользователя}} не изменится.

Html:

<span>Outside Controller: Your name is: {{username}}</span> 
<div ng-controller="SignupController"> 
    <span>Inside Controller: Your name is: {{username}}</span> 
    <fieldset legend="User details"> 
    <input ng-model="username" /> 
    </fieldset> 
</div> 

JS:

var app = angular.module('app', []); 
app.controller('SignupController', function($scope){}); 

Answer 1

Он работает как прототипное наследование в JavaScript.

function Jedi(){} 
Jedi.prototype.name = 'Luke'; 

Теперь, если вы сделаете это:

var obiwan = new Jedi(); 
console.log(obiwan.name); //Luke 

Однако, если я это сделать:

var obiwan = new Jedi(); 
obiwan.name = 'Obi-wan'; 
console.log(obiwan.name); //Obi-wan 

var luke= new Jedi(); 
console.log(luke.name); //Luke 

Это то, как свойства JavaScript Разрешая. Когда вы читаете свойство, он сначала ищет его в объекте, если его не найти, он просматривает его в прототипе, если его не обнаружено, он выглядит в прототипе прототипа и так далее, пока он не достигнет вершины цепи прототипа (если не найден).

Однако при записи свойства, если объект еще не имеет данного поля, он создается и с этого момента в соответствии с критериями поиска, описанными выше, значение, которое вы получаете при чтении, является тем, что непосредственно в объект, а не его прототип.

Решение, предлагаемое в угловом режиме, заключается в том, чтобы хранить данные модели не как поля в области видимости, а как объекты, чтобы избежать такого поведения. Например:

function Jedi() 
Jedi.protype.data = {name: 'Luke'}; 

var obiwan = new Jedi(); 
obiwan.data.name = 'Obi-wan'; 

var luke= new Jedi(); 
console.log(luke.data.name); //Obi-wan 

На этот раз поле под прототипным наследованием data, и поэтому все объекты поделиться.